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

Safari on iPad has the same issue with button width/padding as on the iPhone

iPhone padding unchangeable? describes this problem and a solution for removing padding on a button with text, but this does not help you if you want a button to be narrower than the padding itself (e.g. for a button that only has a small icon on it). To do that, I had to surround the button with an outer element with a defined width and overflow: hidden like so:

 

(the blue border is to show where the button is, it's not critical to the hack)