Usable site space in browsers, based on the screen widths.
| device screen width | web site safe area | |
| width | height | |
| iphone portrait (320 px) | 310 px | 352 px |
| iphone landscape (480 px) | 468 px | 202 px |
| ipad portrait (768 px) | 750 px | 920 px |
| ipad landscape (1024 px) | 1010 px | 660 px |
| screen : 1024 px | 989 px | 548 px |
| screen : 1152 px | 1117 px | 644 px |
| screen : 1280 px | 1245 px | 580 px |
| screen : 1360 px | 1325 px | 548 px |
| screen : 1366 px | 1331 px | 548 px |
| screen : 1440 px | 1405 px | 680 px |
| screen : 1600 px | 1565 px | 680 px |
| screen: 1680 px | 1645 px | 825 px |
| screen : 1920 px | 1885 px | 855 px |