एक तरल लेआउट मानना एक विकल्प नहीं है (चूंकि यह एक साथ एक अलग चर्चा है), साइट लेआउट के लिए अनुशंसित चौड़ाई क्या है? विभिन्न आकारों के पेशेवरों और विपक्ष क्या हैं?वेबपृष्ठ के लिए सबसे अच्छी पूर्ण चौड़ाई क्या है?
मैंने हमेशा 960px के साथ रखा है क्योंकि यह 1024x768 पर देखा जा सकता है, और यह 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, द्वारा स्पष्ट रूप से विभाजित है। 40, 48, 60, 64, 80, 96, 120, 160, 1 9 2, 240, 320 और 480 ... इसलिए मैं अपनी साइट के डिजाइन (तीसरे नियम के उपयोग से) को स्पष्ट रूप से विभाजित कर सकता हूं।
कुछ वर्षों के बाद संपादित करें: कृपया CSS Media Queries का उपयोग करने पर विचार करें ताकि आप सामग्री को असंख्य उपकरणों के प्रति उत्तरदायी बना सकें, यदि आप द्रव लेआउट का उपयोग नहीं कर सकते हैं। मुझे यकीन नहीं है कि कोई भी 2012 में उन सभी पर शासन करने के लिए एक पिक्सेल चौड़ाई का दावा कर सकता है।
आप एक निश्चित चौड़ाई है कि किसी भी छोटी स्क्रीन संभावना अपनी साइट का दौरा करने के अधिक व्यापक उपयोग करते हैं, आपको परेशान और बग़ल में स्क्रॉल करने के लिए अपनी सामग्री के बाकी को पाने के लिए है, जो उपयोगकर्ताओं को हतोत्साहित करेगा।
एक बार यह 800px था; हालांकि, अधिक से अधिक साइटें 1000px का उपयोग शुरू कर रही हैं। यह इस तथ्य से प्रेरित है कि, अक्सर नहीं, आगंतुकों के कम अंत संकल्प 1024x768 पर हैं। अतिरिक्त 24 पिक्सल ब्राउज़र क्रोम, पैडिंग और मार्जिन के लिए कमरे छोड़ते हैं, जिन्हें आप मैनिपुलेट करना चाहते हैं, आदि
बस कुछ परिप्रेक्ष्य देने के लिए, यहां तक कि अपनी छोटी स्क्रीन के साथ नेटबुक की नई लहर 1024x768 के संकल्प हैं।
लेकिन, अन्य सभी से ऊपर, अपने दर्शकों को पता करें कि @warren सुझाव देता है और उस पर पूंजीकरण करता है।
these आंकड़ों के मुताबिक, कम से कम 1024 पिक्सल चौड़े अधिकांश उपयोगकर्ताओं को कवर करेंगे।
स्क्रीन संकल्पों पर कुछ त्वरित आंकड़ों के लिए http://browsersize.com देखें आजकल उपयोगकर्ता उपयोग करते हैं। किसी विशेष स्क्रीन रिज़ॉल्यूशन पर अपनी वेबसाइट को अनुकरण करने के अनुकरण के लिए आप अपने ब्राउज़र का त्वरित रूप से आकार बदलने के लिए http://setmy.browsersize.com का उपयोग कर सकते हैं। सुनिश्चित करें कि आपका लेआउट कम से कम व्यापक रूप से उपयोग किए जाने वाले स्क्रीन रिज़ॉल्यूशन (1024 x 768) को संतुष्ट करता है।
इसके अलावा, अधिकतम क्षैतिज स्थान को लेने का लक्ष्य नहीं है। पाठ (प्रति पंक्ति शब्दों की संख्या) की चौड़ाई आदर्श प्रयोज्य के लिए एक निश्चित सीमा से अधिक नहीं होनी चाहिए:
768 स्क्रीन संकल्प बहुत ही सामान्य 1024 × में, सबसे निश्चित-लेआउट वेबसाइटों सभी का उपयोग नहीं करते पर उनकी सामग्री के बाईं ओर दाईं ओर उपलब्ध स्थान। लचीले लेआउट क्षैतिज स्थान का बेहतर उपयोग करते हैं, लेकिन पर संघर्ष करने योग्य उपयोग करने योग्य लाइन-लंबाई बनाए रखें। उपयोगिता विशेषज्ञों ने हमें बताया है कि ऐसे कई शब्द हैं जिन्हें आप को लाइन पर रखना चाहिए। 8 और 12 के बीच शब्द आदर्श रेखा लंबाई प्रतीत होता है। प्रिंट मीडिया, विशेष रूप से समाचार पत्र, छोटी लाइनों का उपयोग करने में संकोच नहीं करते हैं। क्यूं कर? क्योंकि वे कई कॉलम में टेक्स्ट डालकर कर सकते हैं।
आप एक से अधिक लेआउट विकासशील कोशिश करते हैं और आगंतुक विंडो के आधार पर उनके बीच स्विच करने जावास्क्रिप्ट इस्तेमाल कर सकते हैं।
कहा innerWidth, मैं आमतौर पर 950px और 980px के बीच कुछ का उपयोग करें।
जावास्क्रिप्ट के बजाय मीडिया प्रश्नों का उपयोग करना बेहतर है - जावास्क्रिप्ट लेआउट चौड़ाई खेलने का सबसे अच्छा विकल्प नहीं है – gsziszi
मैं भी जब तक अन्यथा ग्राहक की मांग :) केंद्रित 950 और 980px और हमेशा के बीच एक लेआउट का उपयोग
कृपया ध्यान रखें कि पर नजर रखने के संकल्प अक्सर आंकड़ों में उद्धृत जरूरी रूप में एक ही बात नहीं है ब्राउज़र विंडो की भीतरी चौड़ाई। उपयोगकर्ताओं के पास अतिरिक्त साइडबार/टूलबार हो सकते हैं, गैर-अधिकतम ब्राउज़र विंडो का उपयोग करें। स्क्रीन जितनी बड़ी होगी, उतनी कम संभावना है कि आप इसे केवल एक पेज के लिए उपयोग करना चाहते हैं।
पाठ की बहुत लंबी लाइनों को पढ़ने के लिए कड़ी मेहनत कर रहे। इष्टतम 25-30em है (कई कारकों पर निर्भर करता है, लेकिन आपको बस अधिकतम नहीं जाना चाहिए)।
मोबाइल ब्राउज़र वे ज़ूम के लिए उपयोग "आभासी" स्क्रीन रिज़ॉल्यूशन है और यह ~ ओपेरा मिनी/मोबाइल और मोबाइल सफारी में 960px है।
मैं यहां गति को विभाजित करने के लिए वोट देता हूं। सिर्फ इसलिए कि स्क्रीन आकार एक्स का मतलब यह नहीं है कि एक्स या उसके करीब जो कुछ भी आपकी वेबसाइट के लिए सबसे अच्छा डिज़ाइन है।
आपकी वेबसाइट उद्देश्य चौड़ाई कि आप चुन के साथ क्या करना एक बहुत है।
कई मार्केटिंग विशेषज्ञों लगता है कि एक अधिक संकीर्ण स्तंभ बिक्री में और यात्राओं "रूपांतरित"। शायद ऐसा इसलिए है क्योंकि पृष्ठ संकीर्ण होने पर लोगों का ध्यान निर्देशित करना आसान है।
दूसरी ओर, छवियों को समर्पित साइट प्रत्येक विज़िटिंग ब्राउज़र के लिए सर्वोत्तम उपलब्ध रिज़ॉल्यूशन पर दिखानी चाहिए।
इष्टतम प्रदर्शन और क्रॉस-मॉनीटर संगतता के लिए अधिकतम वेबसाइट चौड़ाई 960px है जब यह डेस्कटॉप और लैपटॉप से संबंधित है।
कैसे और क्यों निम्नलिखित आलेख देखें अधिक जानकारी के लिए:
+1 - मैं सहमत हूँ। 960 ग्रिड सिस्टम सीएसएस फ्रेमवर्क (http://960.gs) पर भी एक नज़र डालें। – nickf
हे, मेरे लिए सभी divisors जोड़ने के लिए धन्यवाद निक :) –
मुझे वास्तव में यह विचार पसंद है - साझा करने के लिए धन्यवाद! – Tom