怎么让一个div正好撑满整个viewport

比如说这个网站需要翻墙

上下拉伸浏览器窗口，图片区域始终占满整个屏幕，这个是怎么做到的？已经Disable掉javascript

这个网站是通过监听窗口resize事件来改变div尺寸的

css可以实现该效果，以该网站为例，也用一张图片做cover写个小例子来实现

<html>
  <head>
    <title>auto resize</title>
    <style>
      body {
        width: 100%;
        height: 100%;
      }
      img {
        width: inherit;
        height: inherit;
      }
    </style>
  </head>
  <body>
    <img src="xxx.jpg">
  </body>
</html>

    body{
        margin: 0;
        padding: 0;
    }
    .some-class{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

【热门文章】