创建一个容器 div,例如 1280 x 768 像素,删除视口元标记,任何体面的浏览器都会自动调整容器的大小以使其完全适合您的设备,即使屏幕分辨率低于容器的大小。但为什么它不适用于高度:自动?如果您希望浏览器根据其子元素的高度来计算容器的高度,而不是对高度进行硬编码,您该怎么做?
<head></head>
<body>
<div id="container"> Lorem ipsum.... Lorem ipsum </div>
</body>
<style>
/* if you hardcode the height it'll fit the viewport*/
div#container{ width: 1700px; height: 1500px; }
/* if you use height:auto instead it wont be resized*/
div#container{ width: 1700px; height: auto; }
</style>
感谢您的帮助!