Native resolution 2560 × 1600 px at 1× · 343 PPI · 8.8″ · 16:10. Design at 2560 × 1600 and export assets at 1×.
| Property | Value |
|---|---|
| CSS viewport (portrait) | 2560 × 1600 px |
| CSS viewport (landscape) | 1600 × 2560 px |
| Native resolution | 2560 × 1600 px |
| Device pixel ratio | 1× |
| Pixel density | 343 PPI |
| Screen diagonal | 8.8 in |
| Panel size | 7.46 × 4.66 in |
| Aspect ratio | 16:10 |
| Total pixels | 4.1 MP |
| Released | 2023 |
| Operating system | various |
Among the 17 handhelds on this site, the Lenovo Legion Go has the 3rd largest CSS viewport area. Its 2560 px width is 1013 px above the 1547 px average for this category.
Targeting the Lenovo Legion Go 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 Lenovo Legion Go specifically */
@media only screen
and (device-width: 2560px)
and (device-height: 1600px)
and (-webkit-device-pixel-ratio: 1) {
/* … */
}
/* More useful in practice — the width bucket it falls into */
@media (min-width: 2560px) { /* … */ }Compare with other Handhelds & E-Readers models
| Device | CSS viewport | Native | DPR | PPI | Diagonal |
|---|---|---|---|---|---|
| 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″ |
| Kindle Scribe | 1860 × 2480 | 1860 × 2480 | 1× | 300 | 10.2″ |
| Boox Note Air 4C | 1860 × 2480 | 1860 × 2480 | 1× | 300 | 10.3″ |
| Steam Deck LCD | 1280 × 800 | 1280 × 800 | 1× | 216 | 7″ |
| ASUS ROG Ally X | 1920 × 1080 | 1920 × 1080 | 1× | 315 | 7″ |
| Kindle Paperwhite 12 | 1264 × 1680 | 1264 × 1680 | 1× | 300 | 7″ |
| Kobo Libra Colour | 1264 × 1680 | 1264 × 1680 | 1× | 300 | 7″ |
Questions about the Lenovo Legion Go screen
What is the screen size of the Lenovo Legion Go?
The Lenovo Legion Go has a 8.8-inch display. In CSS the viewport measures 2560 × 1600 px in portrait, and the panel itself has 2560 × 1600 physical pixels at 343 PPI.
What resolution should I design for on the Lenovo Legion Go?
Design at 2560 × 1600 and export assets at 1×. That gives you 2560 × 1600 px images, which is exactly what the panel renders. Designing directly at 2560 × 1600 means every measurement is 1 times larger than the CSS values you will write.
What is the device pixel ratio of the Lenovo Legion Go?
The Lenovo Legion Go 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.