Answer by Zerato for Line artifacts in mobile Safari
I had a similar problem when displaying a .png-image in a div-tag. A thin (1 px I think) black line was rendered on the side of the image. To fix it, I had to add the following CSS style: box-shadow:...
View ArticleAnswer by Troy Watt for Line artifacts in mobile Safari
Adding an initial-scale value to the viewport metatag resolved this issue for me.<meta name="viewport" content="initial-scale=1.0">
View ArticleAnswer by luminancedesign for Line artifacts in mobile Safari
I found changing the background colour of the element with the 'grey border' around it worked for me.
View ArticleAnswer by Pistachio for Line artifacts in mobile Safari
This issue is a result of a rounding error produced in mobile safari when it rescales background images for display (it's a bug: http://openradar.appspot.com/8684766).The solution is to increase the...
View ArticleAnswer by AlexD for Line artifacts in mobile Safari
The following CSS, added to the problematic div with a specified background-image, is what fixed it for me. Anything less than 3px would still show light artifacts at some Safari zoom levels....
View ArticleAnswer by user482954 for Line artifacts in mobile Safari
TravisO, you should get rid of the img styling in your css!If you use only this:<style type="text/css">*{ margin: 0px; padding: 0px;}body{ background-color: #f00; text-align:...
View ArticleLine artifacts in mobile Safari
Safari renders black lines in between divs on my website at some scales. It is particularly bad when it breaks apart an image that is chopped in two different divs for a button or something. I can't...
View Article
