我有一个div
,我希望它是全屏的,当我最小化时,我需要div
它自动显示的滚动,并且身体概览将始终隐藏,所以我需要的是要在高分辨率和低分辨率下制作此div
全屏,div
而不是正文显示(overflow-x
和overflow-y
)
答案 0 :(得分:0)
您所谈论的只是响应式网页设计。
对于以下HTML部门:
<div id="container">
<!-- contents goes here -->
</div>
使用媒体查询,您可以轻松完成此操作。 首先将以下行添加到您的头部:
<meta name="viewport" content="width=device-width; initial-scale=1.0">
对于高分辨率,请将以下代码添加到css:
@media screen and (max-width: 1280px) {
#container {
width: 1200px;
}
}
然后,对于低分辨率,将以下代码添加到css:
@media screen and (max-width: 800px) {
#container {
width: 750px;
}
}
Responsive Web Design Guidelines and Tutorials
希望这会对你有所帮助。
干杯!!!