Phone · Android
JioPhone 2 viewport size
The JioPhone 2 has a viewport of 240 × 320 CSS pixels and a device pixel ratio of 1, which makes about 240 × 320 physical pixels.
Viewport (portrait)
240 × 320
Landscape
320 × 240
Device pixel ratio
1
Screen resolution
240 × 320
Screenshot a website on the JioPhone 2
CSS for the JioPhone 2
Target this screen size in CSS (portrait):
@media (max-width: 240px) {
/* JioPhone 2 and smaller */
}
@media (min-resolution: 1dppx) {
/* high-density screens: serve sharper images */
}Design for ranges, not single devices: many phones share the same viewport width (for example 240 px).
User agent
The user agent Chrome DevTools uses when it emulates the JioPhone 2:
Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:48.0) Gecko/48.0 Firefox/48.0 KAIOS/2.5Test your site on the JioPhone 2
In Chrome, open DevTools (F12), turn on device mode (Ctrl+Shift+M or ⌘+Shift+M) and pick the device from the Dimensions menu, or use the screenshot tool above to capture any page at this size.
Data from the device list built into Chrome DevTools (devtools-frontend, BSD license).
Frequently asked questions
What is the viewport size of the JioPhone 2?
What is the screen resolution of the JioPhone 2?
Why is the viewport smaller than the screen resolution?
Other devices
Screenshot API
Take screenshots from your code
screenshotbase renders any website in a real browser and returns the image: full page or viewport, any device size, retina, from 100+ countries, with cookie banners and ads hidden.
Read the docs300 free screenshots every month. No credit card required.
GET https://api.screenshotbase.com/v1/take?url=https://example.com&viewport_width=240&viewport_height=320&device_scale_factor=1
# Response: the image (PNG, JPG, WebP or GIF)
curl -G "https://api.screenshotbase.com/v1/take" \
--data-urlencode "url=https://example.com" \
-d viewport_width=1280 -d viewport_height=800 \
-d format=png \
-H "apikey: YOUR-API-KEY" \
-o screenshot.png