What is Viewport?

Viewport Size for Devices

Now a days Smart Phones have very High Display Resolution, A small 6-inch device have same display dimensions which a 32-inch LCD have, How it is possible?

Device Dimensions which is also known as resolution is based upon Pixel Per Inch. The devices which have higher resolution in small display, their ONE pixel contains many more pixels, thats why Retina Display or Device Dimensions got bigger. However device actual dimensions depends on actual Pixels Per Inch which is called "Viewport Size" of device or "device-width". Responsive Websites CSS styles are based upon Viewport sizes of devices. Below is a detailed comparison list of Viewport Size for devices, Phone Dimensions, Screen Sizes and Devices Resolution:

Please note that, Some phones changes their Viewport Size with change of Resolution or Screen Zoom, here we just write default Resolution behaviour. For detailed articles on viewport click here.

Sponsored
Viewport Size Table for Devices
Type Name Viewport
SizePX
Device
Resolution PX
Screen
Size
Pixel
Ratio
Density
PPI
CSS
PPI
Mobile OnePlus Nord 412 x 915 1080 x 2400 6.44″ 2.625 408 155
Mobile OnePlus 8 Pro 412 x 906 1440 x 3168 6.78″ 3.5 513 147
Mobile OnePlus 8 412 x 915 1080 x 2400 6.55″ 2.625 402 153
Mobile Samsung Note20 Ultra 412 x 883 1440 x 3088 6.9″ 3.5 496 142
Mobile Samsung Note20 412 x 915 1080 x 2400 6.7″ 2.625 393 150
Mobile Samsung S20 Ultra 412 x 915 1440 x 3200 6.9″ 3.5 511 146
Mobile Samsung S20+ 384 x 854 1440 x 3200 6.7″ 3.75 525 140
Mobile Samsung S20 360 x 800 1440 x 3200 6.2″ 4.0 563 141
Mobile Samsung Note10 412 x 869 1080 x 2280 6.3″ 2.625 401 153
Mobile Samsung Note10+ 412 x 869 1440 x 3040 6.8″ 3.5 498 142
Mobile Samsung S10 Lite 412 x 914 1080 x 2400 6.7″ 2.625 394 150
Mobile Samsung S10+ 412 x 869 1440 x 3040 6.4″ 3.5 522 149
Mobile Samsung S10 360 x 760 1440 x 3040 6.1″ 4.0 550 138
Mobile Samsung A6s 360 x 720 1080 x 2160 6.0″ 3.0 402 134
Mobile Samsung A50 412 x 892 1080 x 2340 6.4″ 2.625 403 154
Mobile Samsung Note 9 360 x 740 1440 x 2960 6.4″ 4.0 516 129
Mobile Samsung S9+ 360 x 740 1440 x 2960 6.2″ 4.0 529 151
Mobile Samsung S9 360 x 740 1440 x 2960 5.8″ 4.0 570 142
Mobile Samsung Note 8 360 x 740 1440 x 2960 6.3″ 4.0 521 130
Mobile Samsung S8+ 360 x 740 1440 x 2960 6.2″ 4.0 529 132
Mobile Samsung S8 360 x 740 1440 x 2960 5.8″ 4.0 570 142
Mobile Samsung S7 360 x 640 1440 x 2560 5.1″ 4.0 577 144
Mobile Samsung S7 Edge 360 x 640 1440 x 2560 5.5″ 4.0 534 153
Mobile Samsung S6 360 x 640 1440 x 2560 5.1″ 4.0 577 144
Mobile Samsung S6 edge 360 x 640 1440 x 2560 5.1″ 4.0 577 144
Mobile Samsung J7 Prime2 412 x 732 1080 x 1920 5.5″ 2.625 401 153
Mobile Samsung A71 412 x 914 1080 x 2400 6.7″ 2.625 393 150
Mobile Samsung A51 412 x 914 1080 x 2400 6.5″ 2.625 405 154
Mobile Samsung A70s 412 x 914 1080 x 2400 6.7″ 2.625 393 150
Mobile Samsung A50s 412 x 892 1080 x 2340 6.4″ 2.625 403 154
Mobile Samsung A30 412 x 892 1080 x 2340 6.4″ 2.625 403 154
Mobile Samsung Note 4 360 x 640 1440 x 2560 5.7″ 4.0 518 129
Mobile Samsung Note 3 360 x 640 1080 x 1920 5.7″ 3.0 386 129
Mobile Apple iPhone SE (2020) 375 x 667 750 x 1334 4.7″ 2.0 326 163
Mobile Apple iPhone 11 Pro Max 414 x 896 1242 x 2688 6.5″ 3.0 458 153
Mobile Apple iPhone 11 Pro 375 x 812 1125 x 2436 5.8″ 3.0 458 153
Mobile Apple iPhone 11 414 x 896 828 x 1792 6.1″ 2.0 326 163
Mobile Apple iPhone XS Max 414 x 896 1242 x 2688 6.5″ 3.0 458 153
Mobile Apple iPhone XR 414 x 896 828 x 1792 6.1″ 2.0 326 163
Mobile Apple iPhone X 375 x 812 1125 x 2436 5.8″ 3.0 458 153
Mobile Apple iPhone 8 375 x 667 750 x 1334 4.7″ 2.0 326 163
Mobile Apple iPhone 8 Plus 414 x 736 1080 x 1920 5.5″ 3.0 401 134
Mobile Apple iPhone 7 375 x 667 750 x 1334 4.7″ 2.0 326 163
Mobile Apple iPhone 7 Plus 414 x 736 1080 x 1920 5.5″ 3.0 401 134
Mobile Apple iPhone 6s Plus 414 x 736 1080 x 1920 5.5″ 3.0 401 134
Mobile Apple iPhone SE 320 x 568 640 x 1136 4.0″ 2.0 326 163
Mobile Apple iPhone 6s 375 x 667 750 x 1334 4.7″ 2.0 326 163
Mobile Apple iPhone 6 375 x 667 750 x 1334 4.7″ 2.0 326 163
Mobile Apple iPhone 5s 320 x 568 640 x 1136 4.0″ 2.0 326 163
Mobile Apple iPhone 5c 320 x 568 640 x 1136 4.0″ 2.0 326 163
Mobile Apple iPhone 5 320 x 568 640 x 1136 4.0″ 2.0 326 163
Mobile Google Pixel 4 XL 411 x 869 1440 x 3040 6.3″ 3.5 537 153
Mobile Google Pixel 4 411 x 869 1080 x 2280 5.7″ 2.625 444 169
Mobile Google Pixel 3a XL 411 x 823 1080 x 2160 6.0″ 2.625 402 153
Mobile Google Pixel 3a 411 x 846 1080 x 2220 5.6″ 2.625 441 168
Mobile Google Pixel 3 XL 411 x 846 1440 x 2960 6.3″ 3.5 523 149
Mobile Google Pixel 3 411 x 823 1080 x 2160 5.5″ 2.625 443 169
Mobile Google Pixel 2 XL 411 x 823 1440 x 2880 6.0″ 3.5 538 154
Mobile Google Pixel 2 411 x 711 1080 x 1920 5.0″ 2.6 441 168
Mobile Google Pixel XL 411 x 731 1440 x 2560 5.5″ 3.5 534 153
Mobile OnePlus 7T Pro 412 x 892 1440 x 3120 6.67″ 3.5 516 147
Mobile OnePlus 7T 412 x 914 1080 x 2400 6.55″ 2.625 402 153
Mobile OnePlus 7 Pro 412 x 892 1440 x 3120 6.67″ 3.5 516 147
Mobile OnePlus 7 412 x 892 1080 x 2340 6.41″ 2.625 402 153
Mobile OnePlus 6T 412 x 892 1080 x 2340 6.41″ 2.625 402 153
Mobile OnePlus 6 412 x 869 1080 x 2280 4.0″ 2.625 402 153
Mobile Xiaomi Mi 10 Pro 393 x 851 1080 x 2340 6.67″ 2.75 386 140
Mobile Xiaomi Mi 10 393 x 851 1080 x 2340 6.67″ 2.75 386 140
Mobile Xiaomi Mi 9 SE 393 x 851 1080 x 2340 5.97″ 2.75 432 157
Mobile Xiaomi Mi 9 Lite 393 x 851 1080 x 2340 6.39″ 2.75 403 147
Mobile Xiaomi Mi 9, Mi 9T 393 x 851 1080 x 2340 6.39″ 2.75 403 147
Mobile Xiaomi Mi 8, Mi 8 Pro 393 x 817 1080 x 2244 6.21″ 2.75 402 146
Mobile Xiaomi Mi 8 SE 393 x 816 1080 x 2244 5.88″ 2.75 423 154
Mobile Xiaomi Redmi Note 9 Pro 393 x 873 1080 x 2400 6.67″ 2.75 395 144
Mobile Xiaomi Redmi Note 9 393 x 851 1080 x 2340 6.53″ 2.75 395 144
Mobile Xiaomi Redmi Note 8 Pro 393 x 851 1080 x 2340 6.53″ 2.75 395 144
Mobile Xiaomi Redmi Note 8 393 x 851 1080 x 2340 6.3″ 2.75 409 149
Mobile Xiaomi Redmi Note 7 393 x 851 1080 x 2340 6.3″ 2.75 409 149
Mobile Xiaomi Mi 6 393 x 816 1080 x 2244 5.88″ 2.75 423 154
Mobile Xiaomi Mi 3 360 x 640 1080 x 1920 5.0″ 3.0 441 147
Tablet LG G Pad 5 10.1" 600 x 960 1200 x 1920 10.1″ 2.0 224 112
Mobile LG Stylo 5 360 x 720 1080 x 2160 6.2″ 3.0 390 130
Mobile LG Stylo 4 360 x 720 1080 x 2160 6.2″ 3.0 390 130
Mobile LG W30 360 x 760 720 x 1520 6.26″ 2.0 269 134
Mobile LG Tribute Empire 360 x 640 720 x 1280 5.0″ 2.0 294 147
Mobile LG K51S 360 x 800 720 x 1600 6.55″ 2.0 282 141
Mobile LG K61 360 x 780 1080 x 2340 6.53″ 3.0 394 131
Mobile LG K50 360 x 760 720 x 1520 6.26″ 2.0 269 134
Mobile LG K40 360 x 720 720 x 1440 5.7″ 2.0 282 141
Mobile LG G8X ThinQ 360 x 780 1080 x 2340 6.4″ 3.0 403 134
Mobile LG G8 ThinQ 360 x 780 1440 x 3120 6.1″ 4.0 564 141
Mobile LG K20 (2019) 320 x 640 480 x 960 5.45″ 1.5 197 131
Mobile LG K30 360 x 640 720 x 1280 5.3″ 2.0 277 138
Mobile LG K10, K11 Plus 360 x 640 720 x 1280 5.3″ 2.0 277 138
Mobile LG G7 Fit, G7 One 360 x 780 1440 x 3120 6.1″ 4.0 563 141
Mobile LG G6 360 x 720 1440 x 2880 5.7″ 4.0 564 141
Mobile LG G5 360 x 640 1440 x 2560 5.3″ 4.0 554 139
Mobile LG G4, G3 360 x 640 1440 x 2560 5.5″ 4.0 538 135
Mobile LG Nexus 5 360 x 640 1080 x 1920 4.95″ 3.0 445 148
Mobile Huawei Mate 30 Pro 392 x 800 1176 x 2400 6.53″ 3.0 409 136
Mobile Huawei Mate 30 360 x 780 1080 x 2340 6.62″ 3.0 389 130
Mobile Huawei Y9s 360 x 780 1080 x 2340 6.59″ 3.0 391 130
Mobile Huawei Mate 20 Pro 360 x 780 1440 x 3120 6.39″ 4.0 538 135
Mobile Huawei Nova 7 Pro 360 x 780 1080 x 2340 6.57″ 3.0 392 131
Mobile Huawei Nova 7 SE 360 x 800 1080 x 2400 6.5″ 3.0 405 135
Mobile Huawei Nova 7i 360 x 770 1080 x 2310 6.4″ 3.0 398 133
Mobile Huawei Nova 6 360 x 800 1080 x 2400 6.57″ 3.0 401 134
Mobile Huawei Mate 20 Lite 360 x 780 1080 x 2340 6.3″ 3.0 409 136
Mobile Huawei Mate 10 Lite 360 x 720 1080 x 2160 5.9″ 3.0 409 136
Mobile Huawei Y9 Prime 360 x 780 1080 x 2340 6.59″ 3.0 391 130
Tablet Huawei MatePad Pro 1280 x 800 2560 x 1600 10.8″ 2.0 280 140
Mobile Sony Xperia L4 360 x 840 720 x 1680 6.2″ 2.0 295 148
Mobile Sony Xperia 10 Plus 360 x 840 1080 x 2520 6.5″ 3.0 422 141
Mobile Sony Xperia 10 360 x 840 1080 x 2520 6.0″ 3.0 457 152
Mobile Sony Xperia 1 411 x 960 1644 x 3840 6.5″ 4.0 643 161
Mobile Sony Xperia 5 360 x 840 1080 x 2520 6.1″ 3.0 449 150
Mobile Sony Xperia Z5 360 x 640 1080 x 1920 5.2″ 3.0 428 143
Mobile Sony Xperia Z2 / Z3 360 x 640 1080 x 1920 5.2″ 3.0 424 141
Mobile Sony Xperia C4 540 x 960 1080 x 1920 5.5″ 2.0 401 200
Mobile Sony Xperia Z Ultra 540 x 960 1080 x 1920 6.4″ 2.0 344 172
Mobile Sony Xperia Z3 360 x 640 1080 x 1920 5.2″ 3.0 424 141
Mobile Sony Xperia XZ 360 x 640 1080 x 1920 5.2″ 3.0 424 141
Mobile Sony Xperia X 360 x 640 1080 x 1920 5.0″ 3.0 441 147
Mobile Honor 9X 1080 x 2340 360 x 780 6.59″ 3.0 391 130
Mobile Honor 8X 360 x 780 1080 x 2340 6.5″ 3.0 397 132
Mobile Honor 7X 360 x 720 1080 x 2160 5.93″ 3.0 407 136
Mobile Honor 6X 360 x 640 1080 x 1920 5.5″ 3.0 403 134
Tablet Apple iPad Air (2020) 820 x 1180 1640 x 2360 10.9″ 2.0 264 132
Tablet Apple iPad Air 834 x 1112 1668 x 2224 10.5″ 2.0 264 132
Tablet Apple iPad Pro 12.9" 1024 x 1366 2048 x 2732 12.9″ 2.0 264 132
Mobile Apple iPad Pro 11" 834 x 1194 1668 x 2388 11.0″ 2.0 264 132
Tablet Apple iPad 10.2" 810 x 1080 1620 x 2160 10.2″ 2.0 264 132
Tablet Apple iPad Mini 768 x 1024 1536 x 2048 7.9″ 2.0 324 162
Laptop MacBook Pro 1440 x 900 2880 x 1800 15.4″ 2.0 220 112
Laptop MacBook Pro 13.3" 1280 x 800 2560 x 1600 13.3″ 2.0 227 113
Laptop MacBook Pro 16" 1536 x 960 3072 x 1920 16″ 2.0 226 113
Laptop MacBook Air 2018 1280 x 800 2560 x 1600 13.3″ 2.0 227 113
Mobile Motorola Nexus 6 411 x 731 1440 x 2560 5.96″ 3.5 493 141
Mobile Motorola Nexus 6P 411 x 731 1440 x 2560 5.7″ 3.5 518 148
Mobile Motorola Moto G8 360 x 780 720 x 1560 6.4″ 2.0 268 134
Mobile Huawei P40 Lite 360 x 770 1080 x 2310 6.4″ 3.0 398 133
Mobile Huawei P40 Pro 400 x 880 1200 x 2640 6.58″ 3.0 441 147
Mobile Huawei P40 360 x 780 1080 x 2340 6.1″ 3.0 422 141
Mobile Huawei P30 Lite 360 x 771 1080 x 2312 6.15″ 3.0 415 138
Mobile Huawei P30 Pro 360 x 780 1080 x 2340 6.47″ 3.0 398 133
Mobile Huawei P30 360 x 780 1080 x 2340 6.1″ 3.0 422 141
Mobile Huawei P20 lite 360 x 760 1080 x 2280 5.84″ 3.0 432 144
Mobile Huawei P20 Pro 360 x 747 1080 x 2240 6.1″ 3.0 408 136
Mobile Huawei P10 Plus 360 x 640 1440 x 2560 5.5″ 4.0 540 135
Mobile Huawei P9, P9 Lite 360 x 640 1080 x 1920 5.2″ 3.0 424 141
Mobile Huawei P8 Lite (2017) 360 x 640 1080 x 1920 5.2″ 3.0 424 141
Mobile BlackBerry Keyone 360 x 540 1080 x 1620 4.5″ 3.0 434 145
Mobile BlackBerry Priv 360 x 640 1440 x 2560 5.4″ 4.0 540 135
Mobile Blackberry Passport 504 x 504 1440 x 1440 4.5″ 2.85 453 151
Mobile Blackberry Leap 390 x 695 720 x 1280 5.0″ 1.85 294 159
Mobile Blackberry Q10 346 x 346 720 x 720 3.1″ 2.0 328 158
Mobile Blackberry Z30 360 x 640 720 x 1280 5.0″ 2.0 294 147
Mobile Blackberry Z10 384 x 640 768 x 1280 4.2″ 2.0 355 178
Mobile Blackberry Classic 390 x 390 720 x 720 3.5″ 1.85 294 150
Mobile HTC Desire 19s 360 x 760 720 x 1520 6.2″ 2.0 271 135
Mobile HTC Wildfire X 360 x 760 720 x 1520 6.2″ 2.0 271 135
Mobile HTC One M9 360 x 640 1080 x 1920 5.0″ 3.0 441 147
Mobile HTC One M8 360 x 640 1080 x 1920 5.0″ 3.0 441 147
Mobile HTC U12+ 360 x 720 1440 x 2880 6.0″ 4.0 537 134
Mobile HTC U11+ 360 x 720 1440 x 2880 6.0″ 4.0 537 134
Mobile HTC U11 360 x 640 1440 x 2560 5.5″ 4.0 534 134
Mobile HTC U Ultra 360 x 640 1440 x 2560 5.7″ 4.0 513 128
Mobile HTC One 360 x 640 1080 x 1920 4.7″ 3.0 469 156
Mobile Microsoft Lumia 1020 320 x 480 768 x 1280 4.5″ 2.4 332 138
Mobile Microsoft Lumia 950 XL 411 x 731 1440 x 2560 5.7″ 3.5 518 148
Mobile Microsoft Lumia 1520 432 x 768 1080 x 1920 6.0″ 2.5 367 147
Mobile Microsoft Lumia 925 320 x 480 768 x 1280 4.5″ 2.4 332 138
Mobile Microsoft Lumia 650 360 x 640 720 x 1280 5.0″ 2.0 297 148
Mobile Microsoft Lumia 520 320 x 480 480 x 800 4.0″ 1.5 233 138
Laptop Microsoft Surface Laptop 3 (15") 1664 x 1110 2496 x 1664 15″ 1.5 201 134
Laptop Microsoft Surface Laptop 3 (13.5") 1504 x 1003 2256 x 1504 13.5″ 1.5 201 134
Laptop Microsoft Surface Laptop 1504 x 1003 2256 x 1504 13.5″ 1.5 201 134
Laptop Microsoft Surface Book 3 (15") 1620 x 1080 3240 x 2160 15″ 2.0 260 130
Laptop Microsoft Surface Book 3 (13.5") 1500 x 1000 3000 x 2000 13.5″ 2.0 267 134
Laptop Microsoft Surface Book 1500 x 1000 3000 x 2000 13.5″ 2.0 267 134
Laptop Microsoft Surface Pro X 1440 x 960 2880 x 1920 13″ 2.0 267 134
Laptop Microsoft Surface Pro 7 1368 x 912 2736 x 1824 12.3″ 2.0 267 134
Laptop Microsoft Surface Pro 6 1368 x 912 2736 x 1824 12.3″ 2.0 267 134
Laptop Microsoft Surface Pro 5 1368 x 912 2736 x 1824 12.3″ 2.0 267 134
Laptop Microsoft Surface Pro 4 1368 x 912 2736 x 1824 12.3″ 2.0 267 134
Laptop Microsoft Surface Pro 3 1440 x 960 2160 x 1440 12″ 1.5 216 144
Laptop Microsoft Surface Pro 2 1280 x 720 1920 x 1080 10.6″ 1.5 208 139
Laptop Microsoft Surface Pro 1280 x 720 1920 x 1080 10.6″ 1.5 208 139
Laptop Microsoft Surface 3 1280 x 720 1920 x 1080 10.8″ 1.5 204 136
Laptop Microsoft Surface 2 1280 x 720 1920 x 1080 10.6″ 1.5 208 139
Laptop Microsoft Surface 1366 x 768 1366 x 768 10.6″ 1.0 148 148
Cookies

This website uses cookies, We and our partners use technology such as cookies to analyse our traffic and to show you personalised content and ads. You consent to our cookies by clicking "Agree" or by continuing to use our website.