2015-11-26 106 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%;