2012-11-23 247 views
0

時當調整瀏覽器窗口中的瀏覽器只是減少了元件之後的空間同樣減少的空間。我希望在Facebook上平均減少左右空間。調整大小的瀏覽器窗口

這裏是我的代碼

CSS:

body{ 
    margin-left:10%; 
    margin-right:10%; 
} 

HTML:

<body> 
Some content 
. 
. 
. 
. 
</body> 

首先,我想過放棄一個min-width身體。但屏幕尺寸較小的電腦將成爲問題。另外min-width不會是很好的解決方案。

+0

身體不應該有餘量,因爲會有不可見元素離開,持有背景,當你縮小身體(通過增加它的利潤)。 – feeela

回答

3

只要給寬度80%body並給予margin-leftmargin-rightauto的定心

body{ 
     margin:0 auto; 
     width:80%; 
    } 

建議:

爲了讓樣式的身體是不是一個好的做法,給風格頂部父div在您的網頁

這樣,

<body> 
<div class="container"> 
     all page elements..... 
</div> 
</body> 

CSS:

container{ 
      margin:0 auto; 
      width:80%; 
     } 
+0

感謝工作.. –

+0

如果你的問題解決了,請接受的答案,對於用戶知道這是正確答案...... @ harikrishnan.n0077 – Dhamu

1

,因爲它建議在網絡顯示上這麼多次做什麼用

width: 50em; 
max-width: 95%; 
margin: 0 auto; 

問題使用瀏覽器窗口縮小和擴展,左右相等的空間...

相關問題