我需要构建一个经典的 960px 布局,并且必须将 960px 转换为 %。
所以,我应该使用960px / 16px = 60%
, right?
注:960px = 主体宽度
16px = 字体大小
问题:
body {width:60%;} /* 960 / 16px */
比
body {width:960px;}
在相同的屏幕尺寸/分辨率/宽度下。
我知道将其大小调整为 74% 看起来会更好,但随后我必须重新计算所有布局(边距、填充、宽度)以适应 74%。
我读了很多流体/响应/弹性文章,但我找不到计算适当身体尺寸的方法。
在流体布局中计算主体宽度的正确方法:
body {
width:100%;
max-width:960px;
height:100%;
margin:0 auto;
}
The max-width
值应该是你的页面宽度是什么,并且margin
不需要换页。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)