CSS：最小寬度和小屏幕

在我的CSSCSS：最小寬度和小屏幕

body{ 
overflow-y:scroll; 
min-width: 1024px; 
}

我有什麼期待？如果屏幕尺寸小於1024像素，那麼會出現gorizontal滾動條，元素不會互相覆蓋（1024像素 - 最小寬度，我的網站看起來很漂亮）。

但是，當我用一些分辨率測試儀測試它時，它實際上證明它不會改變任何東西。

爲什麼？

來源

2013-06-22 Joe Half Face

您正在設置body的min-width。這意味着寬度不能比您的min-width小。您可能想要使用media querys。

例如像：

CSS

@media only screen and (min-width: 1024px) { 
    body{ 
     overflow-x:scroll; /* horizontal */ 
     /* overflow-y:scroll; */ /* vertical */ 
    } 
}

這就告訴我們，如果窗口寬度較小然後1,024像素，然後添加一個overflow-y:scroll到body。

來源

2013-06-22 16:13:24 Vucko

謝謝，這將防止身體呈現在640x480屏幕，因爲它的寬度是640？我的意思是，會有640px + 364的滾動權限？ –

如上所述，水平滾動會溢出-x。但是，請出售網站訪問者不這樣做。水平滾動很糟糕。您應該對響應式網頁設計進行一些研究。 –

@ChrisFerdinandi注意到並更新。我同意，我建議您使用_media querys_進行響應式網頁設計。 – Vucko

對於水平滾動，您應該使用overflow-x:scroll;而不是overflow-y。它將垂直滾動添加到內容。這裏是例子，如果它會幫助你http://jsfiddle.net/sMtmD/

來源

2013-06-22 16:20:16 xurca

CSS：最小寬度和小屏幕

回答

相關問題