對於我的主頁,我有一個背景設置爲width: 80%;
,然後對齊到中心。身體在背景上溢出
主頁:
爲此,我使用了下面的代碼:
<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000">
現在,當我縮放瀏覽器的大小,它是這樣的:
我怎樣才能阻止這從哈哈ppening?
對於我的主頁,我有一個背景設置爲width: 80%;
,然後對齊到中心。身體在背景上溢出
主頁:
爲此,我使用了下面的代碼:
<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000">
現在,當我縮放瀏覽器的大小,它是這樣的:
我怎樣才能阻止這從哈哈ppening?
由於您使用的百分比也將隨時調整到你的屏幕,所以當你有1024像素的屏幕寬度這將是80%,但如果將其調整到700像素,則會達到80%。
您是否在其他元素上使用百分比?使用它們不是一個壞習慣,只有你應該在一個固定寬度的元素中使用它們來防止這樣的東西。
定義只是你body
min-width
body{
min-width:1000px; // width of you main container
}
body{
width:80%;
margin:0 auto;
}
不,它不工作PLZ ..給我另一個建議,或者如果你有類似的代碼PLZ。分享我的 –
我們不能經常從圖像中診斷。請提供您的CSS和HTML。理想情況下,一個JSFiddle或最壞的情況下,一個實時鏈接也會有所幫助。 –