缩放分辨率下的丁边框厚度问题:'border-width: *px'不能完全发挥作用
这是关于Chrome中众所周知的问题的参考,即在缩放分辨率上某些表边框线看起来太厚(例如125%),即使它们都应该相同,1px thin
。上面有很多线程: 1 , 2 , 3 等。只有chrome才有这个问题,其他浏览器可以
使用border-border-width: 0.5px-1.5px
找到一个“甜点”,桌子边界变得均匀。
但是对我来说,我有2个具有4行的表,当我以125%的分辨率更改<code>边界宽度时,问题只会从一个地方跳到另一个地方。以下是我正在经历的。我只是找不到可以解决问题的0到2之间的小数值。
另一个注释。更改1px实心黑色
to 薄固体黑色
也不起作用,与书写的此处 2018年。
This is in reference to the well-known issue in Chrome where some table border lines appear too thick on a zoomed resolution (e.g. 125%) even though they should all be the same, 1px thin
. There are many threads on this: 1, 2, 3 etc. Only Chrome has this issue, other browsers are OK
The common workaround is to play with border-width: 0.5px-1.5px
to find a "sweet spot" where the table borders become uniform.
But for me, I have 2 tables with 4 rows, and when I change border-width
on a 125% resolution, the problem just jumps from one place to another. Below is what I'm experiencing. I just can't find any decimal value between 0 and 2 that would resolve the problem.
One other note. Changing 1px solid black
to thin solid black
doesn't work either, contrary to what was written here in 2018.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论