我希望我的网页从宽度和高度适合屏幕。这怎么可能?我知道媒体查询使用宽度。
如何设置高度?
请告诉我如何使用媒体查询来设置我的页面在宽度和高度方面。
如果你想在所有浏览器中设置最大宽度和高度,可以这样做:
<body>
<div class="container">
<!-- Page content goes here -->
</div>
</body>
在你的CSS中输入:
.container {
height: 100vh;
width: 100vw;
overflow: auto;
}
使网页得到完整的宽度和高度,仍然是响应。
你需要把下面的css。
body,
html {
height: 100%;
}
.the_section_just_after_bodytag {
position: relative;
height: 100%;
}