Usable site space in browsers, based on the screen widths.
| device screen width | web site safe area | |
|---|---|---|
| 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 |
| device screen width | web site safe area | |
|---|---|---|
| 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 |