我試圖將薄邊框添加到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