所有屏幕尺寸分辨率的网站

-2

我想调整我的网站到不同的屏幕分辨率。我已经建立了我的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%; 
}

来源

2013-01-15 Julie

什么“行不通”呢？ – MLeFevre

@MLeFevre当我在较小的屏幕上打开我的网站时，网站的一半出现（我必须向下滚动） – Julie

如果它的高度使用html {height：100％; }并进一步在你的问题是非常有限的... – Gijs

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

来源

2013-01-15 09:32:32

溢出：无;不是答案，就像它说它会隐藏溢出的东西......朱莉你需要再读一遍css-tricks ...... – Gijs

你的问题是有点限制，这是多远我来

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

对于移动sreens你可以看看视口：Viewport meta tag

来源

2013-01-15 09:56:37 Gijs

所有屏幕尺寸分辨率的网站

回答

相关问题