आज के फ़ोन का CSS viewport लगभग 360 से 440 पिक्सल चौड़ा होता है और टैबलेट का 744 से 1032 पिक्सल। छोटे Android फ़ोन 360 पर हैं, iPhone 375 से 440 के बीच, बड़े Android फ़ोन 412 और उससे ऊपर, iPad mini 744 पर, और 11 और 13 इंच के iPad 820 से 1032 के बीच। इस पेज पर हर डिवाइस के आँकड़े हैं, यह समझाया गया है कि Android के आँकड़े अलग-अलग स्रोतों में क्यों नहीं मिलते, और आख़िर में टेस्ट करने लायक चौड़ाइयों की छोटी सूची है।
नीचे के प्रीव्यू में कोई डिवाइस चुनें, अपना पता डालें और अपनी साइट उसी साइज़ में देखें।
कौन-सी चौड़ाइयाँ मायने रखती हैं
हर मॉडल पर टेस्ट करना ज़रूरी नहीं है। ये चौड़ाइयाँ असली फैलाव को कवर कर लेती हैं:
| CSS चौड़ाई | आम डिवाइस | क्यों ज़रूरी है |
|---|---|---|
| 320 | iPhone SE (पहली पीढ़ी), Split View में iPad | सबसे संकरी चौड़ाई, जहाँ कुछ भी नहीं टूटना चाहिए |
| 360 | Galaxy S24 और S25, OPPO A6x, कई मिड-रेंज Android | छोटे Android की आम चौड़ाई |
| 375 | iPhone SE (दूसरी और तीसरी पीढ़ी), mini मॉडल | पुराने iPhone पर अब भी चलती है |
| 390 से 393 | iPhone 14 से 16, Redmi Note 14 | iPhone की मुख्य चौड़ाई |
| 402 | iPhone 17, 17 Pro, 18 Pro | मौजूदा बेस iPhone |
| 412 से 414 | Pixel 7 से 10, Galaxy S24+ और Ultra | बड़े Android की आम चौड़ाई |
| 430 से 440 | iPhone Plus और Pro Max | सबसे चौड़े सामान्य फ़ोन |
| 744 से 768 | iPad mini, पुराने 9.7 इंच के iPad | छोटे टैबलेट |
| 820 से 834 | iPad (A16), iPad Air 11, iPad Pro 11 | पोर्ट्रेट में आम टैबलेट |
| 1024 से 1032 | iPad Air 13, iPad Pro 12.9 और 13 | पोर्ट्रेट में बड़ा टैबलेट, लैंडस्केप में छोटा लैपटॉप |
Android फ़ोन: स्रोतों में आँकड़े क्यों अलग हैं
Android की कोई एक आधिकारिक तालिका नहीं है, और सार्वजनिक सूचियाँ एक-दूसरे से मेल नहीं खातीं। Screen Size Checker Galaxy S25+ का viewport 412 × 891 बताता है, जबकि WhatIsMyScreenSize 480 × 1040। दोनों पैनल के रिज़ॉल्यूशन को अनुमानित pixel ratio से भाग देते हैं, और Android में यह ratio अक्सर दशमलव में होता है (2.625, 3.125, 3.25), इसलिए अनुमान में थोड़ा-सा फ़र्क चौड़ाई को दर्जनों पिक्सल खिसका देता है। दोनों पेज खुद कहते हैं कि उनके मान अनुमानित हैं।
नीचे की तालिका में वे मान हैं जिन पर स्रोत एकमत हैं या जो हमारे अपने टूल में प्रीसेट हैं, बाक़ी को अनुमानित चिह्नित किया गया है:
| डिवाइस | CSS viewport (पोर्ट्रेट) | Pixel ratio |
|---|---|---|
| Galaxy S24, S25 | 360 × 780 | 3 |
| OPPO A6x | 360 × 785 | 2 |
| Galaxy S24+, S24 Ultra, S25 Ultra (अनुमानित) | 412 × 891 | 3.5 |
| Pixel 8 | 412 × 915 | 2.625 |
| Pixel 9, Pixel 10 | 412 × 923 | 2.625 |
| Pixel 9 Pro, Pixel 10 Pro | 410 × 914 | 3.125 |
| Pixel 9 Pro XL, Pixel 10 Pro XL | 414 × 921 | 3.25 |
| Galaxy Z Fold6, बाहरी स्क्रीन | 323 × 792 | 3 |
| Galaxy Z Fold6, खुला हुआ | 619 × 720 | 3 |
फ़ोल्डेबल फ़ोन की वजह से 360 से कम की एक चौड़ाई और 620 से 720 के आसपास की एक चौड़ाई भी जाँचना ठीक रहता है। खुलने पर वे फ़ोन और टैबलेट के बीच में आ जाते हैं, और सिर्फ़ दोनों छोरों के लिए बना लेआउट वहाँ खिंचा हुआ लग सकता है।
iPhone
iPhone की चौड़ाइयाँ अच्छी तरह दर्ज हैं। ये पहले SE के 320 से लेकर Pro Max के 440 तक जाती हैं, बीच में 375, 390, 393, 402, 420 और 430 हैं। रिज़ॉल्यूशन और pixel ratio के साथ पूरी सूची iPhone viewport तालिका में है।
iPad और दूसरे टैबलेट
पोर्ट्रेट में टैबलेट के viewport, Screen Size Checker की iPad सूची से। लैंडस्केप में चौड़ाई और ऊँचाई आपस में बदल जाती हैं, और सभी iPad का pixel ratio 2 है।
| मॉडल | CSS viewport (पोर्ट्रेट) |
|---|---|
| iPad mini (A17 Pro, छठी पीढ़ी) | 744 × 1133 |
| iPad (नौवीं पीढ़ी) | 810 × 1080 |
| iPad (दसवीं पीढ़ी, A16), iPad Air 11 | 820 × 1180 |
| iPad Pro 11 (2018 से 2022) | 834 × 1194 |
| iPad Pro 11 (M4) | 834 × 1210 |
| iPad Air 13, iPad Pro 12.9 | 1024 × 1366 |
| iPad Pro 13 (M4) | 1032 × 1376 |
iPad तालिका से ज़्यादा पेचीदा हैं, दो कारणों से। पहला, iPad पर Safari डिफ़ॉल्ट रूप से साइट का डेस्कटॉप संस्करण माँगता है, इसलिए पेज को 820 पिक्सल पर भी डेस्कटॉप लेआउट मिल सकता है (Chrome में साइट को iPad की तरह कैसे देखें देखें)। दूसरा, मल्टीटास्किंग विंडो को छोटा कर देती है: Maximiliano Firtman के viewport नोट्स में Split View और Side View के लिए 320 से 694 पिक्सल की चौड़ाइयाँ दी गई हैं, यानी आपके टैबलेट लेआउट को फ़ोन जितनी चौड़ाई पर चलना पड़ सकता है। viewport meta टैग के बिना उन्हीं नोट्स के अनुसार iPad पर 980 पिक्सल का लेआउट बनता है।
अपने डिवाइस पर असली साइज़ कैसे पढ़ें
संदर्भ तालिकाएँ सिर्फ़ शुरुआत हैं। आपका डिवाइस क्या बताता है, यह देखने के लिए ब्राउज़र का console खोलें, या कोई भी पेज जो इसे दिखाता हो, और यह चलाएँ:
`${innerWidth} × ${innerHeight} @ ${devicePixelRatio}x`सेटिंग्स नतीजा बदल देती हैं: Samsung का स्क्रीन ज़ूम और डिस्प्ले साइज़, ब्राउज़र का टेक्स्ट स्केल, एड्रेस बार सिकुड़ा है या नहीं, और ओरिएंटेशन। ऊँचाई बार-बार क्यों बदलती है, यह viewport साइज़ क्या है में समझाया गया है।
किन चौड़ाइयों पर टेस्ट करें
Android के लिए 360 और 412, iPhone के लिए 390 और 402, टैबलेट के लिए 744 और 834 पर टेस्ट करें, फिर 320 को चरम स्थिति के तौर पर और एक फ़ोन व एक टैबलेट का लैंडस्केप व्यू जोड़ें। इन संख्याओं को breakpoint न बनाएँ: डिवाइस से बँधे breakpoint जल्दी पुराने पड़ जाते हैं, और आपके responsive breakpoints वहाँ होने चाहिए जहाँ आपका अपना लेआउट टूटता है। ये साइज़ जाँचने के लिए हैं, और पूरी प्रक्रिया responsive डिज़ाइन कैसे टेस्ट करें में है।
अक्सर पूछे जाने वाले सवाल
मोबाइल साइट किस स्क्रीन साइज़ के लिए डिज़ाइन करूँ?
360 से 390 पिक्सल चौड़ाई से शुरू करें और लेआउट को लगभग 440 तक फैलने दें। कंटेनर पर पिक्सल की तय चौड़ाई न रखें, ताकि पेज 320 पर और खुले हुए फ़ोल्डेबल पर भी काम करे।
क्या फ़ोन की स्क्रीन साइज़ और उसका viewport एक ही चीज़ है?
नहीं। स्क्रीन रिज़ॉल्यूशन भौतिक पिक्सल गिनता है, और viewport CSS पिक्सल, यानी रिज़ॉल्यूशन को pixel ratio से भाग देने पर मिली संख्या। 1206 × 2622 की iPhone स्क्रीन का viewport 402 × 874 होता है।
मेरा फ़ोन इन तालिकाओं से अलग साइज़ क्यों बताता है?
संदर्भ सूचियाँ pixel ratio का अनुमान लगाती हैं, और आपका डिवाइस अपना डिस्प्ले साइज़, ज़ूम और ब्राउज़र सेटिंग्स भी लागू करता है। जब संख्याएँ अलग हों, तो अपने ब्राउज़र की संख्या पर भरोसा करें।
स्रोत: Screen Size Checker की Android और iPad सूचियाँ (डेटा समीक्षा 24 सितंबर 2026, साइट ने खुद इन मानों को असत्यापित बताया है); WhatIsMyScreenSize, Android CSS viewport (31 जुलाई 2026, अनुमानित); Maximiliano Firtman, viewports; YesViz, Galaxy S25। किसी मान पर भरोसा करने से पहले उसे अपने डिवाइस पर जाँच लें।