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

后端 未结 17 2170
余生分开走
余生分开走 2020-11-29 16:42

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

相关标签:
17条回答
  • 2020-11-29 17:35

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

    iPhone <button> 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:

    <span style="border: solid 1px blue; display: block; width: 16px; overflow: hidden">
        <button style="-webkit-appearance: none; border-width: 0">&nbsp;</button>
    </span>
    

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

    0 讨论(0)
  • 2020-11-29 17:35

    jQuery's offset() doesn't work: http://bugs.jquery.com/ticket/6446

    0 讨论(0)
  • 2020-11-29 17:35

    This rule fixes animation flickering in Safari on iOS devices:

    body {-webkit-transform:translate3d(0,0,0);}
    
    0 讨论(0)
  • 2020-11-29 17:36

    24 bit transparent PNGS ABOVE A CERTAIN FILE SIZE don't render on the iPad2.
    I can however get 8 bit ones of the same dimensions to render.
    I haven't found out what this maximum file size is in order to get them to render.

    0 讨论(0)
  • 2020-11-29 17:36

    Frame problems. iPad Safari will both hide scrollbars and expand frames to the size of their content. Changing the frame tag to include scrolling="yes" and noresize="noresize" appears to do nothing. Some sites look fine on everything, even a Dreamcast browser, but not on iPad. The issue can be fixed using tables and iframes instead of normal framesetting (cols and rows, etc).

    0 讨论(0)
提交回复
热议问题