如果我缩放页面，边框大小会更改

Question

我真的无法理解...

我已经设定：

border: 2px solid #646464;

2px但并非总是如此，实际上根据页面缩放，范围从1.4px到2px ...... 但我没有修改边框大小的js代码......

怎么可能????

查看jsfiddle并更改缩放

http://jsfiddle.net/00zv3zLy/

框的高度＆＃34;登录＆＃34;和框在哪里是搜索栏它应该是相同的......但是当改变缩放时它不一样（因为搜索栏的边框大小改变了）...

不一样

是相同的

我认为：当你以相同的比例缩放页面大小时。如果div 100 px变为50px，则变为200px到100px的跨度。这边的边界大小不尊重这个比例！

Answer 1

Chrome在子像素渲染方面效果更好，因此通常不会出现问题，但许多浏览器会将事物舍入为整数像素，这会导致与此类似的问题。

当你的边框是2px并且你缩放0.7时，你得到1.4px并且可能被一些浏览器舍入到1px（考虑到元素的两边吃掉0.8px）。当周围有很多圆形堆积（例如填充，边距，高度等）时，你可能会失去2px到4px的总和，这可能是非常重要的。