Rendering borders bug in Safari mobile [closed]

Closed. This question needs debugging details. It is not currently accepting answers.

---

Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.

开发者_Go百科

Closed 5 years ago.

Improve this question

I am having strange rendered borders on elements that have no borders at all in Safari Mobile? Any idea on what can cause the problem? I was not able to find a solution. Thanks in advance for your help.

---

Do you get thin lines on the edges of the images? Thinner than 1px?

If so, it seems to be related to the way the browser scales images when zooming. It seems to take some data from the next line in the image, and use that as a part in the image interpolation.

I solved it by adding 1 line of background-colored pixels to the image. Not ideal, I know, but it was the only solution I found that worked.

---

I had the same issue. Couldn't find out the cause, but solved it with a hack, by adding a transparent border to the element:

border: 1px solid transparent;