[FE] Chrome 缩放对Computed Style的影响

1. 问题

有一个页面,在本地开发的时候,设置了字体 font-size: 12px;,
但是,它的 Computed Style 却一直是13.3333px。

2. 排查

我把所有DOM结构都删掉了,去掉了所有其他的样式,
结果还是 13.3333px。

新建了一个空的html,设置字体为 font-size: 12px;,
结果是正常的。

苦思无果只好进行google,以关键词 css font-size 13.3333px 搜到了答案,
chrome下设置字体大小问题:10px=11.1111px 12px=13.3333px 为什么
答案令人可笑,却反映了个人知识的盲区。

那就是这个页面使用了Chrome 缩放 90%,
因此该域名下所有页面的Computed Style受到了影响。
我之前并不知道调整Chrome 缩放会影响它。

3. 解决

将缩放调整会100%,问题就解决了。


参考

chrome下设置字体大小问题:10px=11.1111px 12px=13.3333px 为什么
更改文字、图片和视频大小(缩放)

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容