border与页面缩放

来源：3-9 页面第三屏制作

亚麻桑

2021-03-06 01:05:58

当页面缩放时，例如90%，带有border的元素宽高会发生细微的变化，导致原有的浮动效果出现错位，border原本宽度1px，缩放后为1.111px。问题如下图：

经过网上查询，目前采用如下方法避免错位：

box-sizing: border-box;

但我不太理解的是，为什么页面缩放会导致border的宽度改变呢？？？没有border的元素就不会出现这样的问题……

写回答

1回答

好帮手慕言

2021-03-06

已采纳

同学你好，可能浏览器的解析机制，一般情况下，是不会缩放页面的，只要在100%情况下正常显示即可，如果同学想要实现在不同分辨率下页面也能正常显示，那么可以继续往下学习，在“响应式布局”课程中会有讲解，祝学习愉快~

0 学习 · 40143 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1