chrome浏览器粗边框问题

Question

边框折叠在 Chrome 浏览器中无法正常工作。有些边界线看起来很粗。请查看这张图片并帮助我解决这个错误。

我需要所有行的精简边框。但突出显示的行边框看起来像粗体。出于测试目的，请参阅链接并删除背景颜色。请使用chrome浏览器查看。https://www.w3schools.com/css/tryit.asp?filename=trycss_table_fancy

Answer 1

这与用户缩放浏览器无关。这是 Windows 显示缩放比例，现在在某些设备上默认为 125%。由此产生的边框折叠在浏览器缩放 80% 时看起来正常，但在 100% 时看起来异常。

我发现这样的设置border: 0.5px solid;可以有效解决问题。

Answer 2

检查一下页面是否放大了？按下Ctrl+0可将缩放重置为 100%。

\n

在样式中看不到任何可能导致这种情况的内容。而且效果与根据分数缩放的浏览器渲染错误非常相似。

\n

由此Result size: 753x\xe2\x80\xa6可以假设您的屏幕宽度是 1920px 并且您将其缩放到 1.25 :-)

\n