Html 如何使用Css设置缩放默认值 正文{ 利润底部：10%； 左边距：10%； 宽度：80%； 颜色：264653； 位置：相对位置； } #照片{ 边界半径：70%； 位置：绝对位置； 左：25%； 顶部：50px； } .left1{ 利润率最高：10%； 背景色：#264653； 宽度：30%； 颜色：白色； 位置：相对位置； } .left2{ 背景色：#264653； 宽度：30%； 垫底：20%； 垫面：25%； 左：1.5%； 颜色：白色； 字体大小：20px； 文本缩进：12px； } #头衔{ 文本对齐：居中； 位置：绝对位置； 左：31.5%； 排名：0； 字体大小：25px； 边框：1px纯白； 填充：20px 175px； 背景色：白色； 颜色：264653； } .对{ 位置：绝对位置； 左：35%； 最高：30%； 字体大小：20px； 字体大小：粗体； 宽度：60%； } .文章{ 显示：块； 背景色：#264653； 文本转换：小写； 字体变体：小大写字母； 左侧填充：20px； 字体大小：100%； 保证金权利：20%； 宽度：90%； } 安妮先生{ 显示：内联块； 宽度：15%； 字体大小：粗体； }

当整个页面放大太多时，所有内容都会相互混合，只是没有显示为原始设计，包括图像和文本

那么，即使放大，我的网页如何以相同的原始设计显示？

ps：我在这里添加了代码，我不知道有什么问题，是因为我使用了“positio”

尝试创建网站吗

响应图像
当CSS width属性设置为百分比值时，图像将在调整浏览器窗口大小时上下缩放。调整浏览器窗口的大小以查看效果

您没有发布任何关于设计的代码，您的问题非常笼统，这取决于您使用的布局和样式。在这里，我发布了一个代码，并提供了一些可以帮助您解决问题的提示：

*，*：：之后，*：：之前{
填充：0；
保证金：0；
-webkit框大小：边框框；
框大小：边框框；
}
.集装箱{
宽度：1000px；
背景色：#4b8ff0；
颜色：白色；
保证金：20px自动；
}
.容器：：之后{
内容：“；
显示：表格；
清楚：两者都有
}
.leftTag{
浮动：左；
宽度：25%；
高度：360px；
背景色：#7f000a；
}
.右标签{
浮动：对；
宽度：70%；
高度：360px；
背景色：#123456；
}
@仅介质屏幕和（最大宽度：854px）{
.集装箱{
宽度：750px；
}
}

缩放文件
Lorem ipsum dolor sit amet，奉献精英。在阿库萨默斯·拉伯尔的教堂里，有一个小教堂

Lorem ipsum dolor sit amet，奉献精英。我们的工作场所是公共场所的公共场所，公共场所的公共场所是公共场所，公共场所的公共场所是公共场所，公共场所的公共场所！以最快的速度，以最快的速度。最容易呕吐，最容易呕吐，最容易呕吐，最容易呕吐

HI@issou Ok，因此要解决问题，您必须将所有unite PX更改为rem，因为当您使用unite PX设置值时，无论缩放如何，都会将其固定为例如16px，但当您设置为例如

1rem =16px by default so 1rem it will be responsive with the zoom ,
also 
you can change:
1rem =16px in the ::root element of your page HTML. 

---

我希望这会有所帮助，如果我不理解你的问题，请让我知道（“”）

我在这里添加了代码，我只是Css的初学者，也许我可能会丢失一些属性是的，保留%但将PX更改为rem

1rem =16px by default so 1rem it will be responsive with the zoom ,
also 
you can change:
1rem =16px in the ::root element of your page HTML.