Html 所有屏幕大小分辨率的网站

我想调整我的网站到不同的屏幕分辨率。 我已经像这样设置了css，但它不起作用：

body {
    background: #317070;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1;
    margin : 0;
    padding: 0;
    width:100%;
    height:100%;
}

我该怎么办？ RQ：我已经检查了这个链接：

编辑

我也有

html {
    margin:0;
        padding:0;
    width:100%;
    height:100%;
}

---

您可以使用溢出阻止滚动：无；但在这种情况下，您将完全隐藏部分文本。你的目标是什么？根据决议修改文本还是什么？对于较小的屏幕，垂直滚动是很正常的。

您的问题有点有限，所以我就到此为止

body,html {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  font-size:16px;
}
/* max-width of an image is 100% width, images will shrink at a smaller screen */
img { 
  max-width:100%; 
}
/* for example, smaller font-size at a lower resolution of smaller then 480px */
@media screen and (max-width:480px) {
  body { font-size: 0.8em; }
}

---

对于mobile sreens，您可以查看视口：

它有什么“不起作用”@mlefvre当我在较小的屏幕上打开我的网站时，会显示网站的一半（我必须向下滚动），如果是高度，请使用html{height:100%；}进一步说，你的问题是非常有限的……你在html中也有100%的宽度和高度吗？默认情况下，任何块级html元素都会扩展以适合可用的宽度。你想完成什么？溢出：无；不是答案，就像它说的那样，它会隐藏溢出的东西。。。朱莉，你需要再次阅读css技巧。。。