較小的分辨率，內容試圖適合

如果你當您訪問當你縮小屏幕的尺寸頂欄內容溢出它的父股利和運行在該網站的其他注意...... http://www.thebattleforarcadia.com/construction/index.html。較小的分辨率，內容試圖適合

我想要做的是，如果在情況下接收端的分辨率太小了，我想迫使他們不得不使用滾動條在底部，所以他們所看到的一切。只是這樣網站才能正常顯示。

任何編碼的想法？

謝謝亞倫

來源

2011-08-21 Aaron Brewer

什麼瀏覽器會出現這種情況嗎？我沒有看到它...... – Nayish

正常溢出屬性用於此 – Jawad

添加...

min-width: 1260px;

在＃新聞集裝箱 CSS規則。

您的網站將顯示1280x * *分辨率罰款，但會出現在什麼比這更小（寬）垂直滾動條。

也許你可以使最小寬度960像素，使文字在兩行（推頂圖形位）擴大？只是一個建議

編輯：下面是一個例子

#news-content { 
float: left; 
padding-left: 25px; 
padding-top: 12px; 
overflow: auto; 
padding-bottom: 20px; 
} 
#news-container { 
width: 100%; 
background: url(images/news-background.png) repeat-x left bottom; 
z-index: 10; 
} 
#news-header { 
width: 150px; 
height: 23px; 
float: left; 
padding-left: 25px; 
}

上面的例子會使頭部「展開」當分辨率不強制屏幕寬度< 1280px用戶在使用垂直滾動條

來源

2011-08-21 17:30:42 Pantelis

非常感謝您，是的，我將該更改應用到＃news-container，但是一旦我將它縮小到非常小的尺寸，它看起來很奇怪。所以我所做的也是應用最小寬度：1260px;到身體標籤。現在它工作/看起來不錯！非常感謝你！ –

給收縮body元素或任何其他設置您想要的min-width與之相匹配的寬度的元素。這應該確保每當頁面被在一個較小的分辨率查看水平滾動條

在這裏看到Commonly used pixel sizes for webpages and their pros/cons。

來源

2011-08-21 17:30:47 Nayish

非常感謝，我不得不用下面的答案來實現這個答案。 –

較小的分辨率，內容試圖適合

回答

相關問題