Native resolution 1404 × 1872 px at 1× · 226 PPI · 10.3″ · 3:4. Design at 1404 × 1872 and export assets at 1×.
| Property | Value |
|---|---|
| CSS viewport (portrait) | 1404 × 1872 px |
| CSS viewport (landscape) | 1872 × 1404 px |
| Native resolution | 1404 × 1872 px |
| Device pixel ratio | 1× |
| Pixel density | 226 PPI |
| Screen diagonal | 10.3 in |
| Panel size | 6.21 × 8.28 in |
| Aspect ratio | 3:4 |
| Total pixels | 2.63 MP |
| Released | 2020 |
| Operating system | various |
Among the 17 handhelds on this site, the reMarkable 2 has the 5th largest CSS viewport area. Its 1404 px width is 143 px below the 1547 px average for this category.
Targeting the reMarkable 2 in CSS
Device-specific media queries are brittle — a new model with the same width will not match. Use them for genuine per-device fixes only, and prefer width buckets for layout.
/* Target reMarkable 2 specifically */
@media only screen
and (device-width: 1404px)
and (device-height: 1872px)
and (-webkit-device-pixel-ratio: 1) {
/* … */
}
/* More useful in practice — the width bucket it falls into */
@media (min-width: 1404px) { /* … */ }Compare with other Handhelds & E-Readers models
| Device | CSS viewport | Native | DPR | PPI | Diagonal |
|---|---|---|---|---|---|
| reMarkable 2 | 1404 × 1872 | 1404 × 1872 | 1× | 226 | 10.3″ |
| Nintendo Switch OLED | 1280 × 720 | 1280 × 720 | 1× | 210 | 7″ |
| Kindle Paperwhite 11 | 1236 × 1648 | 1236 × 1648 | 1× | 300 | 6.8″ |
| Nintendo Switch Lite | 1280 × 720 | 1280 × 720 | 1× | 267 | 5.5″ |
| Kindle Scribe | 1860 × 2480 | 1860 × 2480 | 1× | 300 | 10.2″ |
| Steam Deck LCD | 1280 × 800 | 1280 × 800 | 1× | 216 | 7″ |
| Lenovo Legion Go | 2560 × 1600 | 2560 × 1600 | 1× | 343 | 8.8″ |
| Steam Deck OLED | 1280 × 800 | 1280 × 800 | 1× | 204 | 7.4″ |
| ASUS ROG Ally | 1920 × 1080 | 1920 × 1080 | 1× | 315 | 7″ |
Questions about the reMarkable 2 screen
What is the screen size of the reMarkable 2?
The reMarkable 2 has a 10.3-inch display. In CSS the viewport measures 1404 × 1872 px in portrait, and the panel itself has 1404 × 1872 physical pixels at 226 PPI.
What resolution should I design for on the reMarkable 2?
Design at 1404 × 1872 and export assets at 1×. That gives you 1404 × 1872 px images, which is exactly what the panel renders. Designing directly at 1404 × 1872 means every measurement is 1 times larger than the CSS values you will write.
What is the device pixel ratio of the reMarkable 2?
The reMarkable 2 reports a device pixel ratio of 1. One CSS pixel therefore covers one device pixel. You can read it in JavaScript with window.devicePixelRatio.
Related
window.innerWidth/innerHeight reported by the stock browser with no browser chrome. See methodology and sources.