-3

我想将我的网站调整为不同的屏幕分辨率。我已经像这样设置了我的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：我检查了这个链接：http ://css-tricks.com/resolution-specific-stylesheets/

编辑

我也有

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

2 回答 2

2

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

于 2013-01-15T09:32:32.777 回答
1

你的问题有点有限，所以这是我来的

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

对于移动屏幕，您可以查看视口：视口元标记

于 2013-01-15T09:56:37.133 回答