2015-11-26 155 views
1

我的問題是,我製作了一個非常大的HTML頁面,面向125%的瀏覽器縮放,但是當我把它放在100%所有的位置和邊距的開始改變時,因此打破了我的HTML頁面。調整大小時的HTML分頁符

html { width: 100%; height: 280%; margin: 0; padding: 0; } 
body { margin: 0 ; padding: 0; background: url(Photoshop/img/header_bg.png),url(Photoshop/img/full_bg.png); background-size: 1600px 655px,cover; background-repeat: no-repeat, no-repeat; } 
header h1 { float: left; margin: 28px 0 0 220px; } 
nav ul { list-style-type: none; float: right; } 
nav li { float: right; margin: 53px 20px 50px 0px; text-transform: uppercase; } 

什麼是解決問題的最好辦法,而不改變每個單件的CSS代碼(邊距位置右上角,e.t.c)。

+0

我們需要看你的代碼。 – LGSon

+0

太長了,我只發一部分。 tml {寬度:100%; 身高:280%; margin:0; 填充:0; \t } body { margin:0; padding:0; background:url(Photoshop/img/header_bg.png),url(Photoshop/img/full_bg.png); background-size:1600px 655px,cover; 背景重複:不重複,不重複; } header h1 { float:left; margin:28px 0 0 220px; } 導航UL { \t列表樣式類型:無; \t float:right; nav li { float:right; margin:53px 20px 50px 0px; text-transform:大寫; – AAbrahamyan

+0

更新您的問題,而不是作爲評論。 – LGSon

回答

0

我沒有注意到您在邊緣使用固定值。 嘗試使用presentage,如果不工作,請在css中使用@media處理不同的大小。

保證金示例 - 保證金頂部:10%;