Rendering borders bug in Safari mobile [closed]

问题:

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

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 3 years ago.

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.

回答1:

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.

回答2:

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;