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

Question

我的布局很乱。考虑到一定的分辨率，它可以正常工作，我决定在移动客户端上垂直传播相同的布局，以避免进一步的复杂化。调整桌面客户端的大小时会出现问题。 并非所有元素都参与缩小/扩展，并且整个网站仍然处于荒谬状态。 我已尝试通过'％'在宽度和高度上保留所有内容，但无论如何都无法正常工作

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

是否有任何库可以在调整大小时扩展和缩小每个元素？保持宽度，高度，字体大小之间的和谐。我几乎不相信没有人像这样开发过这样的东西...... Tyvm为你提供帮助......

Answer 1

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

Answer 2

在CSS文件中使用媒体查询会有所帮助 http://www.w3.org/TR/css3-mediaqueries/

Answer 3

为了在调整网页大小时保持一致，我总是使用％og em / rem。

例如：

width: 100%;

或：

width: 45em;

这样，当用户更改zom时，设计会保持自己的相同位置。