调整大小时HTML页面会断开

调整大小时HTML页面会断开,html,css,Html,Css,我的问题是,我制作了一个相当大的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); ba

我的问题是,我制作了一个相当大的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.)的情况下,解决问题的最佳方法是什么?

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


利润率示例-利润率最高:10%

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


利润率示例-利润率最高:10%

我们需要查看您的代码。代码太长,我只发送一部分。tml{宽度:100%;高度:280%;边距:0;填充:0;}正文{边距:0;填充:0;背景:url(Photoshop/img/header_bg.png),url(Photoshop/img/full_bg.png);背景大小:1600px 655px,封面;背景重复:不重复,不重复;}页眉h1{float:left;margin:28px 0 0 220px;}nav ul{列表样式类型:无;float:right;nav li{float:right;margin:53px 20px 50px 0px;文本转换:大写;更新您的问题,而不是作为注释。我们需要查看您的代码。代码太长,我只发送一部分。tml{宽度:100%;高度:280%;边距:0;填充:0;}正文{边距:0;填充:0;背景:url(Photoshop/img/header_bg.png),url(Photoshop/img/full_bg.png);背景大小:1600px 655px,封面;背景重复:不重复,不重复;}页眉h1{float:left;margin:28px 0 0 220px;}nav ul{列表样式类型:无;float:right;nav li{float:right;margin:53px 20px 50px 0px;文本转换:大写;更新您的问题,而不是作为注释。