浏览器缩放时布局乱了怎么解决?

作者:vkvi 来源:千一网络(原创) 日期:2016-10-10

浏览器缩放时,有些网页看起来是按比例缩小了,有些是布局乱了,原来一排显示三个区块的,现在只能显示两个区块了,什么原因、怎么解决呢?

这是由于区块有边框,而缩放时边框宽度并没有等比例缩放,所以算出来时与总尺寸对不上,就掉下去了。

解决办法就是用背景来代替边框(或者干脆不要边框?)。

如下是 100% 时候显示的情况,可以看到两排都显示正常:

浏览器缩放时布局乱了怎么解决?

再看看缩小到 90% 的情况,可以看到最后一排是正常显示的:

浏览器缩放时布局乱了怎么解决?

相关文章