Question

可能是一个新手问题，但我希望我的div及其内容与屏幕分辨率降低时完全一致（即水平滚动条会出现在底部）。

我还想知道当页面内容高于最大大小时，如何阻止页面内容的拉伸。

希望这是有道理的。

<style>
#header_container {
background: #d1d4fa;
height: 4.5em;
}

#header_layout {
height: 8.5em;
background: #edeef9;    
}
</style>

<body>
<div id="header_container"> 
<div class="container">

<div id="header_layout">                                
</div>
</div>
</body>
</html>

Answer 1

此外，em是可缩放的字体大小。 Reference

使用px保持字体大小相同，无论屏幕尺寸如何。

Answer 2

您可以为容器和元素设置定义的宽度。

#header_container {
  width: 960px;
}

屏幕分辨率降低时不会缩小CSS / HTML

2 个答案: