屏幕分辨率/大小更改时，HTML页面不相似

Question

我在根据屏幕重新缩放页面时遇到问题。我正在我的笔记本电脑上进行编码，看起来还不错，但是当我在桌面上用更宽的屏幕打开这个页面时看起来不太好。

    div.fullWidth {
        width:100%; 
        height:100%; 
}

这就是我在CSS文件中尝试的内容，但它也无法正常工作。

Answer 1

使用 CSS3 并保持无故障：

div
{
 resize:both;
 overflow:auto;
}

（或）没有CSS3

放下你的宽度，然后：

body{
    position: absolute;
    margin: 0 auto;
}

Answer 2

height: 100%无法使用，请尝试使用100vh

div.fullWidth {
    width:100%; 
    height:100vh; 
}

浏览器支持here

Answer 3

如果你创建一个可以帮助你引导框架的自适应设计，但是如果你创建一个固定的设计是主要的包装是必要的，以指定这样的宽度

<div class="fullWidth"></div>



.fullWidth {
  display: block;
      background: #ddd;
      margin: 0 auto;
      height: 500px;
      width: 100%;
       min-width: 960px;
}