做网页时，需要考虑用户缩放浏览器导致样式错乱吗？

Question

有的网页在浏览器缩放为100%的时候正常，但是在用户放大或者缩小后，布局就乱了。
请教大家，需要考虑这些情况吗？如果需要考虑，一般什么布局会受缩放的影响？
谢谢！

Answer 1

业界翘楚smashing magazine。打开后缩放、改变窗口大小试试。样式都不会乱。

stackoverflow 放大看看，样式会乱么？

为什么很多网站会乱，也有很多不会乱，全在站长自己评估。如果视力不好的人不是你网站主要用户，可能你就觉得在这方面投入精力不值得。但是在美国在欧洲，可能会因为歧视用户被诉讼，所以会多花钱做这份额外的工作。

Answer 2

所以还用其他解释么...

------------分割线----------

看了其他人的回答, 还是得说一句,
只要兼容主流分辨率即可.
分手机端/电脑端.
上面的截图有点极端了.
在缩放了500倍的时候的效果,
但是当前的container宽度已经是最大了(sf.css),
所以兼容主流分辨率即可.

/*sf: global.css*/
@media (min-width: 1200px)
.container {
    width: 1140px;
}

Answer 3

每个公司都有兼容最小的屏幕分辨率的要求，一般来说，要不就做成响应式的，比如说bootstrap这类的栅格布局，要不就是容器设置最小宽度，超出最小值出现滚动条

Answer 4

可以做成不同宽度的适配，不过也要看内容布局吧，我之前接触 WoredPress 的一些模板，里边都有针对不同分辨率下进行适配。

Answer 5

媒体查询。。。。。

Answer 6

常见原因

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

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

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

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

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

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