Mobile Safari Development

Browser dimensions

Based on Apple’s guidelines

Screen dimensions
Width: 300px
Height: 356px
Width (total): 320px
Height (without URL bar): 416px
Height (total): 480px
System dimensions
Top bar: 20px
URL bar: 60px
Button bar: 44px
Recommended whitespace
Left/right margins: 10px
Bottom margin: 14px

DOM events

onorientationchange
Fired when the device is rotated
via

Known bugs in 1.1

box-sizing broken
Replaced by ‘-webkit-box-sizing’
via