List of known “Safari on iPad” differences over “Desktop Safari”

Question

In recently testing a web application on Windows/Mac desktop browsers - and then on an iPad I noticed various differences in Safari that I wasn\'t expecting. even though the

Answer 1

There appears to be a bug in iPad Safari where a CSS element with both a background image and a background color is rendered with a slight border in the color of the background color. It should fill with the background image all the way to the edge of the rendered element.

I just had the same bug on my site, when trying to view it on an Ipad. The HTML structure is like:

 
   
 
   
...
   
 

The left layer uses a background-image, whereas the main layer uses just a background-color. The Ipad view shows a slight border at the edge of the left and right layer.

When i add

 -webkit-background-size: 100% 100%;

to the left and right layer, the border disappears.