當窗口調整大小時，100％寬度的非響應HTML佈局崩潰

如何在窗口調整大小時避免100％寬度的非響應HTML佈局崩潰？我試圖通過消除視meta標籤，但沒有工作..當窗口調整大小時，100％寬度的非響應HTML佈局崩潰

lol哪裏的代碼 – CMPS

分享你的代碼或複製jsfiddle中的問題 – krish

所以你想你的'div'不能調整大小？我只是有點困惑。 – lindsay

只是給你的身體或div容器設定寬度或最小寬度

<body> 
<div style="min-width:1024px;" > 
//put the rest of your html in here 
</div> 
</body>

2014-06-06 04:44:26 Chimeara

感謝您寶貴的回覆 – SurajBalakrishnan

分配width或在你的CSS max-width。例如：

<body> 
    <div id="myContent">Stuff</div> 
</body>

然後在你的CSS：

#myContent { 
    margin:0 auto; 
    max-width:1024px; 
}

的margin屬性將適用0頂部和底部邊緣，然後用auto自動居中div。如果瀏覽器屏幕寬度超過1024像素，網頁將不會變大，但會位於瀏覽器的中心。如果它低於2014年，寬度將保持爲100％，並且內容將包裹以適合屏幕。

如果您的網站需要在IE6中工作，請務必指定width而不是max-width，因爲IE6無法識別max-width並且完全忽略它。您可以將它放在僅限IE的樣式表中。

2014-06-06 05:02:37 Timmah

回答