如何让浏览器缩放后px不出现小数点？

Question

以思否为例

缩放100%时:

缩放90%时:

有没有方法让浏览器的px为整数，不出现这种小数点的形式？

Answer 1

不行的, 这是浏览器根据百分比算出来的, 宽或高使用%做单位就会有这种结果, 使用具体的像素就不会, 不过具体显示时像素是最小单位不可能再分了, 至于会四舍五入, 还是五舍六入, 各个浏览器的行为以及同一个浏览器但不同属性的行为都是不一定的:

1. 采用四舍五入解析的浏览器：IE8、IE9、Chrome、Firefox
2. 采用直接取整解析的浏览器：IE7、Safari
3. chrome下对于一个border的宽度会五舍六入

Answer 2

现代 CSS 新出了一个 round 函数可以避免这种情况发生，类似于四舍五入

width: round(2.2, 1); /* 2 */
width: round(14.82, 1); /* 15 */
width: round(5.5, 1); /* 6 */

可以参考 coco 的这篇文章：https://segmentfault.com/a/1190000044178027

Answer 3

喵喵？
你知道你在说什么吗？
哪个网站做项目的时候要考虑缩放的？
设计稿给的都是以 100% 的形式给你的

缩放和手动改定页面样式一样，算是 PS，
你PS搞坏的东西，
向作者去问责本来就是没有道理的事情 ...

虽然能处理，感觉没必要
https://www.cnblogs.com/obge/p/14074023.html