放大後全寬中斷

我正在嘗試製作一個完全可訪問的網站，因此對於視力不好的人，他們可能需要放大。當我放大測試時，全寬背景會被剪切關閉，我不知道這是爲什麼。放大後全寬中斷

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Home Page</title> 
    <style> 
     #upper-rowwide 
     { 
     background-color: black; 
     width: 100%; 
     height: 40px; 
     } 
     #content 
     { 
     margin: 0 auto; 
     width: 1400px; 
     color: White; 
     border: 1px solid red; 
     } 
    </style> 
</head> 
<body> 
<div id="upper-rowwide"> 
    <div id="content"> 
     fwfw 
    </div> 
</div> 
</body> 
</html>

只需放大頁面上，然後向右滾動，你會注意到欄不再寬度爲100％，但已被切斷。黑條應該是一個重複的背景圖像，fyi。

來源

2014-03-05 Batsu

也許這是更多你想要的。將＃行的最小寬度設置爲1400px。看小提琴。

此外，您可以將＃upper-rowwide的最小寬度設置爲更大的值以查看以居中爲中心的內容。

#upper-rowwide { 
    background: #000; 
    min-width: 1400px; 
} 
#upper-row { 
    margin: auto; 
    width: 1400px; 
    color: White; 
    border: 1px solid red; 

}

http://jsfiddle.net/pYLUV/3/

來源

2014-03-05 18:32:57

喜@ dwreck08如果我這樣做，那麼我的內容飛向左邊，當我縮小 - 明白我的意思？我的所有內容都是水平居中的，而這種情況不會發生在100％的情況下 – Batsu

我沒有看到以什麼內容爲中心開始？如果是文本，請添加文本對齊中心 - 查看更新的小提琴和代碼。 –

有很多東西：菜單，圖像等，所以有一個容器 - 我剛剛重命名'內容'給你一個更好的主意 – Batsu

放大後全寬中斷

回答

相關問題