मैं सिर्फ एक उत्तरदायी व्यापार वेबसाइट (https://plus.google.com/101258044853419629282/posts/GejAf734nP6) कर समाप्त हो गया और यहाँ है क्या मैं आपको बता सकता - ब्रेकपॉइंट निश्चित रूप से 600px नहीं है!
1366px डेस्कटॉप चौड़ाई सिर्फ सबसे लोकप्रिय आकार के रूप में 1024px गुणा पार: http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/
फिर भी, टेबलेट पर आईपैड
यहाँ तथ्यों (सीएसएस के मामले में और @media प्रश्नों) कर रहे हैं इसके 1024x768px सबसे लोकप्रिय है।
आईओएस सफारी सचेत है और हमेशा उचित व्यूपोर्ट की रिपोर्ट करता है, यानी। कोई फर्क नहीं पड़ता कि आपके पास नियमित आईपैड या रेटिना आईपैड है, तो यह आपको 1024x768 बताएगा, इसी प्रकार आईफोन आपको 320x480 बताएगा।
एंड्रॉइड ब्राउज़र में और समस्याएं हैं, क्योंकि स्क्रीन इस प्लेटफ़ॉर्म पर भिन्न होती है। उदाहरण के लिए, नेक्सस वन में 480x800px स्क्रीन है, लेकिन 254ppi (पिक्सेल अनुपात 1.5) पर सीएसएस को रिपोर्ट किया गया व्यूपोर्ट वास्तव में 360x600 है। यहां तक कि मजेदार गैलेक्सी नेक्सस में 316ppi (पिक्सेल अनुपात 2.0, रेटिना की तरह) पर 1280x720px स्क्रीन है, रिपोर्ट किया गया व्यूपोर्ट 360 * 640 है।
अपवाद Android 4.0 पर क्रोम बीटा, लैंडस्केप मोड में यह एक बग है और लगता है यह 1280px कि Galaxy Nexus के रूप में व्यूपोर्ट चौड़ाई की रिपोर्ट की तरह, यह बहुत डेस्कटॉप सीएसएस का विरोध नहीं करने के लिए मुश्किल बना रही है।
निष्कर्ष
मैं व्यक्तिगत रूप से 768px स्क्रीन चौड़ाई का एक ब्रेकप्वाइंट का इस्तेमाल किया है, अर्थात्: मैं आईपैड डेस्कटॉप के रूप में परिदृश्य में इलाज, और मुझे लगता है कम से कम डेस्कटॉप आकार 1024px गुणा है। लेकिन मैं पुराने दिनों की तरह 800px भी मान सकता हूं। फिर, मैं विशेष रूप से आईपैड पोर्ट्रेट के लिए 768 पीएक्स का इलाज करता हूं, क्योंकि गैर-रेटिना आईपैड में बहुत सी जगह है, यह अभी तक बहुत छोटी स्क्रीन नहीं है। फिर, 768px से कम सबकुछ मैं एक छोटे-स्क्रीन स्मार्टफोन को कॉल करता हूं।
अधिकतम अनुकूलन के लिए आप 640px पर अंतरिम breakpoints इस्तेमाल कर सकते हैं, 600px, 480px गुणित, 360px, 320px और यहां तक कि 240px (कम लो-एंड एंड्रोइड्स) लेकिन यह शायद यह पूरी तरह से% आधारित नीचे 768px बनाने के लिए एक अच्छा अभ्यास है, इसलिए इसमें स्वचालित रूप से फिट बैठता है।
अद्यतन: मुझे मिला एक उपयोगी ब्रेकपॉइंट 810px है - एक फेसबुक टैब में आईफ्रेम की चौड़ाई। जब आप एफबी ऐप्स बनाते हैं तो सहायक होते हैं और अपने वेबएप कोड का पुन: उपयोग करना चाहते हैं।
ईजी अगर मैं 600px विस्तृत, शायद लगभग सभी डेस्कटॉप पर एक ब्रेकपाइंट डाल और गोलियों बड़ा हो सकता है, और लगभग सभी फोन होगा छोटा हो? – Evans