我如何使我的网站高度适合屏幕



我希望我的网页从宽度和高度适合屏幕。这怎么可能?我知道媒体查询使用宽度。

如何设置高度?

请告诉我如何使用媒体查询来设置我的页面在宽度和高度方面。

如果你想在所有浏览器中设置最大宽度和高度,可以这样做:

<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%;
}

最新更新