iPad Pro viewport — 1024 × 1366 CSS px
A large tablet preset with a spacious portrait area. The catalog name does not specify a generation or screen diagonal, so treat these dimensions as a test profile.
- Default viewport
- 1024 × 1366 CSS px
- Portrait
- 1024 × 1366 CSS px
- Landscape
- 1366 × 1024 CSS px
- Category
- Tablet
- Preset DPR (reference only)
- 2
What this viewport size means
1024 × 1366 represents the preset browser viewport in CSS pixels, not necessarily the physical display resolution. DPR 2 is reference metadata: the tester does not change pixel density or emulate the device OS or browser engine.
Portrait and landscape
The rotated width matches the default Laptop width in the catalog, but the height differs. This helps reveal unexpected dependencies on window height.
What to check
Review side navigation alongside the main workspace. Extra height should not make cards stretch unnecessarily. For wide tables, verify access to the last column rather than checking only the visible left side.
How to test this size
Open the tester, enter a URL and select “Test website”. In the workspace, choose “Add device” and select iPad Pro if it is not already active. Its default size is 1024 × 1366 CSS px. Rotate swaps the dimensions. The link below opens the tester without automatically selecting a preset.