在调整大小期间维护网站布局（使用javascript同时调整所有元素的大小？）

我的布局乱七八糟。在给定一定分辨率的情况下，它工作得很好，我决定在移动客户端上垂直扩展相同的布局，以避免进一步的复杂性。调整桌面客户端的大小时会出现问题并不是每个元素都参与缩小/扩大，整个网站仍然处于被破坏状态我已尝试通过“%”在宽度和高度上保留所有内容，但无论如何都无法正常工作

• 如何保持布局完整性不变
• 经验丰富的前端开发人员对用户在布局和/或不同屏幕分辨率方面的更改有何反应

---

是否有任何库可以在调整大小时扩展和收缩每个元素？保持宽度、高度、字体大小等之间的协调。我几乎不相信没有人发展出这样的事情。。。Tyvm感谢您的帮助…

为什么不使用css以便使用相对布局？

在css文件中使用媒体查询会更好。

---

为了在调整网页大小时使所有内容保持相同的比例，我总是使用%og em/rem

例：

或：

---

这样，当用户更改zom时，设计将保持相同的比例。

了解流体网格列布局（例如，引导），或使用Flex。对于每个屏幕大小都有一个布局不是一个好主意，即使元素相应地调整了大小。一旦你开始添加移动屏幕，用户体验就会急剧下降，其布局将针对更大的屏幕。Bootstrap是最流行的响应式布局解决方案。使用vm单元怎么样？我注意到它在大多数情况下都保持了布局。在我的情况下，这会被认为是一个好的选择吗？我不太理解媒体的提问……是的，好的评论+1。对于虚拟机单元，我喜欢在头脑中使用viewport meta标记，根据具体情况，我使用%或vw/vh作为大小。有时我在手机上使用rem作为字体。不知道为什么，在我的设备上看起来不错

width: 100%;

width: 45em;