Html 当我按下“时,如何给出下面给出的代码?”;Ctrl+&引用;

Html 当我按下“时,如何给出下面给出的代码?”;Ctrl+&引用;,html,css,Html,Css,实际上,我正处于学习如何为网站构建响应性设计的初始阶段,下面给出的代码让我面临一个问题:当我尝试缩放我的网站时,我的内容在Chrome浏览器中以500%的比例混乱不堪。我能做些什么来修复它? 在浏览器中,当我看到下面的代码时,在缩放到400%之前,它看起来是响应的,但当我将其缩放到500%时,它看起来很混乱。我需要一种方法使容器在缩放时也能增长,为此,我尝试使用minheight,但minheight的问题是嵌套的div元素不会继承包含元素的高度,因此,当我对minheight使用%时,它不起作

实际上,我正处于学习如何为网站构建响应性设计的初始阶段,下面给出的代码让我面临一个问题:当我尝试缩放我的网站时,我的内容在Chrome浏览器中以500%的比例混乱不堪。我能做些什么来修复它? 在浏览器中,当我看到下面的代码时,在缩放到400%之前,它看起来是响应的,但当我将其缩放到500%时,它看起来很混乱。我需要一种方法使容器在缩放时也能增长,为此,我尝试使用
minheight
,但
minheight
的问题是嵌套的
div
元素不会继承包含元素的高度,因此,当我对
minheight
使用
%
时,它不起作用,并且会被删除采用基于内容的高度值。我能做些什么使其响应


彩页
身体{
字体系列:helvetica、衬线、无衬线;
字体大小:11px;
最小高度:100vh;
}
.集装箱{
宽度:90%;
最小高度:100vh;
保证金:0自动;
背景色:#F4;
框大小:边框框;
边框:2件纯黑;
}
.顶{
宽度:100%;
最小高度:10vh;
背景色:红色;
文本对齐:居中;
字号:1em;
框大小:边框框;
溢出:自动;
}
.左{
背景颜色:黄色;
框大小:边框框;
字体大小:1.3em;
宽度:100%;
最小高度:15vh;
溢出:自动;
}
.左>ul li,.右>ul li{
宽度:40%;
浮动:左;
右边距:自动;
}
.中心{
背景色:白色;
框大小:边框框;
填充:0.5em;
宽度:100%;
最小高度:50vh;
溢出:自动;
}
.正文{
框大小:边框框;
字号:1.125em;
溢出:自动;
}
.对{
背景颜色:粉红色;
框大小:边框框;
填充:0.25em 0.5em;
字号:1.5em;
宽度:100%;
最小高度:15vh;
溢出:自动;
}
.页脚{
宽度:100%;
最小高度:10vh;
框大小:边框框;
背景颜色:蓝色;
填充:0.9em 0.25em;
字号:1.25em;
溢出:自动;
}
@媒体屏幕和屏幕(最小宽度:375px){
身体{
字体大小:12px;
}
.中心{
最小高度:45vh;
}
.对{
最小高度:20vh;
}
.页脚{
填充:0.5em 0.25em;
}
}
@媒体屏幕和屏幕(最小宽度:768px){
身体{
字体大小:14px;
}
.左,.中{
宽度:50%;
浮动:左;
最小高度:60vh;
}
.对{
明确:两者皆有;
}
.左,.右{
位置:相对位置;
}
.左>左{
位置:绝对位置;
最高:50%;
左:50%;
转换:转换(-50%,-100%);
}
.右>ul{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
}
.左>ul li,.右>ul li{
宽度:100%;
浮动:无;
保证金:自动;
}
}
@媒体屏幕和屏幕(最小宽度:1440px){
身体{
字体大小:16px;
}
.左{
宽度:20%;
最小高度:80vh;
}
.中心{
宽度:60%;
最小高度:80vh;
}
.对{
明确:无;
浮动:左;
宽度:20%;
最小高度:80vh;
}
.页脚{
明确:两者皆有;
填充:1.5em 0.25em;
}
}
英德拉甘地国立开放大学
社会
  • 节目
  • 结果
  • 联系我们
使用Float的无表DIV布局

洛雷姆·伊普苏姆·多洛尔·西特·阿梅特(Lorem ipsum dolor sit amet)是一位杰出的体育精英。我的奥古斯万岁,我的奥古斯万岁,我的奥古斯万岁。无便利。 Lorem ipsum dolor sit amet,是一位杰出的献身者。我的奥古斯万岁,我的奥古斯万岁,我的奥古斯万岁。无便利。 Lorem ipsum dolor sit amet,是一位杰出的献身者。我的奥古斯万岁,我的奥古斯万岁,我的奥古斯万岁。无便利。

事件
  • BCS 053
  • 日期表
  • 招股说明书
&抄袭;SOCIS IGNOU由Praveen Kumar设计和开发
500%简直太可笑了,你真的无法为所有屏幕缩放尺寸编程——认为网站放大到如此之高会看起来很好是愚蠢的。这个答案也涵盖了你的主题,仅供参考,在Chrome浏览器中400%和500%看起来都很好(同样如此),所以“做得很好”(例如