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

-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

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

回答

相關問題