调整大小时HTML页面中断

Question

我的问题是我制作了一个非常大的html页面，面向125％的浏览器缩放， 然而，当我把它放在100％时，所有的位置和边缘都开始变化，从而严重打破了我的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）。

Answer 1

我已经注意到你在边距中使用了固定值。 尝试使用presentage，如果不起作用，请使用css中的@media来处理不同的大小。

保证金示例 - 保证金最高限额：10％;