在Safari移動中渲染邊框錯誤

我對在Safari Mobile中根本沒有邊框的元素有奇怪的渲染邊框？有什麼想法可以導致問題？我無法找到解決方案。在此先感謝您的幫助。在Safari移動中渲染邊框錯誤

來源

2010-06-10 caruso_g

你能舉一些例子嗎？否則，我們只會猜測。 – 2010-06-10 14:13:43

你在圖像的邊緣有細線嗎？比1px還要薄？

如果是這樣，它似乎與縮放時瀏覽器縮放圖像的方式有關。它似乎從圖像中的下一行獲取一些數據，並將其用作圖像插值的一部分。

我解決了它通過添加1行背景色像素的圖像。我知道這並不理想，但這是我發現的唯一解決方案。

來源

2011-01-27 16:35:41 Marcus

這似乎是我提出的[問題]（http://stackoverflow.com/questions/4780896/thin-gray-black-lines-on-web-page-viewed-with-ipad）的答案。謝謝@馬庫斯（PS，如果你在那裏回答，我會接受答案） – Adam 2011-02-05 22:06:06

也回答了http://stackoverflow.com/questions/4780896/thin-gray-black-lines-on-web-page-viewed-with -ipad – Marcus 2011-02-08 12:39:25

我有同樣的問題。找不到原因，但通過添加一個透明的邊框到元素來解決它：

border: 1px solid transparent;

來源

2013-01-11 13:12:19 Alex

這是一個最好的情境解決方案。這個問題是由Webkit縮放圖像時舍入錯誤造成的。添加邊框會改變底層數學，但舍入仍然取決於圖像的大小，設備屏幕的大小以及任何用戶縮放比例（縮放等）。這意味着在某些情況下，1px的邊框將有所幫助，在其他情況下，2px會有所幫助，等等:-p對於所有設備和查看情況來說，這不是一種適合所有人的答案。 – thirdender 2013-08-18 17:18:00

在Safari移動中渲染邊框錯誤

回答

相關問題