浏览器缩放，会导致布局打乱，解决方法？

Question

浏览器缩放的时候，网页布局会错乱，根本原因是什么？谁能给详细解释下原因？谢谢。

Answer 1

首先请讲清楚你用的布局是怎么个思路

布局是怎么个错乱

一般浏览器缩放，依旧能保持良好布局的被称为响应式页面布局

Answer 2

了解下布局和定位，CSS里的。

Answer 3

写响应式/自适应布局的CSS

或者使用响应式/自适应布局框架，比如Bootstrap

Answer 4

根本原因就是你看你css布局怎么写的是固定布局还是响应式布局，如果是响应式布局就是你自适应没做好，可以把布局代码贴出来看看

Answer 5

缩放最大的问题是缩小到一定程度字体大小会保持不变，而其他的却会缩放。。。

使用自适应布局或响应式布局吧。

Answer 6

原因通常就是你的元素浮动了，最好设置个最小宽度，如果你需要自适应，用media查询

Answer 7

常见原因

• 老IE只支持 em 不支持 px ，请升级浏览器

• 位图肯定不能 pixel perfect，请用矢量图

• 浏览器字号最小值，无解，别用太小的字号

• float: left 的神秘bug，无解，请用 display: inline-block

• 假设用户一定是 26吋大屏幕 是不合理的，请考虑小屏幕，请用响应式

https://segmentfault.com/q/10...