CSS边框宽度：1px不会给我同样薄的边框
我试图将薄边框添加到div。我的CSS是这样的：CSS边框宽度：1px不会给我同样薄的边框
border: solid;
border-width: 1px;
然而结果边界在我的浏览器中看起来并不相同。正如您在下面看到的，左侧和底部的边框看起来比右侧和顶部的边框厚。
我想使边框同样薄。我曾尝试添加
shape-rendering: crispEdges;
但它不会改变外观。 JS Fiddle example here.
我在我的Chrome版本41.0.2272.101 m中试过这个 - 它看起来很糟糕。我也在IE中试过 - 看起来很好。所以我知道这不是我的显示器......
您可能在盒子的左边和下面有其他元素，并且可能会意外地向它们应用边框以使它看起来具有“双倍”边框。
请确保您隔离了盒子并重试。
1px边框不能像你显示的那样不均匀。
即使是完美垂直的1px行也可能不均匀由于子像素定位，页面缩放，非原生分辨率，操作系统缩放，甚至在极端情况下甚至是非矩形子像素。这不是一个新现象，因为我们有亚像素html渲染，我们有这个问题。 – Sheepy 2015-12-16 11:19:45
您的显示器设置为非原生分辨率。 （Windows 8）右键单击桌面，单击“屏幕分辨率”，然后选择建议的分辨率。
我有同样的问题。 经过一番研究后，我发现它是由1.5的设备像素比例（Windows 8.1将所有设置都缩放到150％）引起的。
解决方案是将销售设置为100％，但它使文本超级，所以我不能使用此解决方案。
IE（11）和Chrome都受到影响。 Firefox是可以的。
同样的问题是无二手机和平板电脑：
它在Chrome 41似乎罚款无法看到任何问题。 – 2015-03-31 22:19:29
这不是'形状渲染'用于（并没有效果）。你在看什么浏览器？我无法找到复制问题的人。 – Adam 2015-03-31 22:20:28
尝试更新您的Chrome浏览器，看起来很好。 – Steph 2015-03-31 22:20:30