Html 调整浏览器大小时如何定义页面大小

如何根据客户端监视器分辨率将网页大小设置为可伸缩。当我打开分辨率为1680x1050的网页时，网页看起来不错，但当我将显示器分辨率更改为更小时，网页上的所有内容都发生了更改。在css和html中，我用（%）定义的组件的大小。

据我所知，没有直接的方法可以做到这一点

---

您需要将页面设置为适合大多数浏览器的固定大小，或者不应将页面设置为固定大小。

您可能有固定的填充和/或页边距，这可能会导致问题。例如：

<div style="width:25%; padding: 0 12px; float:left;">
    some content
</div>
<div style="width:25%; padding: 0 12px; float:left;">
    some content
</div>

---

定义“页面上的所有内容都已更改”。如果没有更多的细节，这很难回答。我有3个div语句，当我在屏幕上设置更小的分辨率时，我会将所有3个div语句一个接一个地显示出来。我忘了提到：边框也会导致同样的问题

.box-sizing {    
    -webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -o-box-sizing: border-box;  
    box-sizing: border-box;  
}