मुझे वास्तव में पता नहीं है कि मैं सही जगह पर पूछ रहा हूं, इसलिए यदि मेरे प्रश्न को स्थानांतरित करना है तो मैं इसके लिए क्षमा चाहता हूं। मैं इस जगह में पूरी तरह से नोब हूँ।न्यूनतम स्क्रीन रिज़ॉल्यूशन क्या है जिसके लिए आप वर्तमान में अपने वेब डिज़ाइन अनुकूलित करते हैं?
जो भी मैं काम कर रहा हूं।
वास्तव में मैं लगभग 900px पर सबकुछ फिट करने का प्रयास करता हूं। 1024x768 बहुत मानक है, और आज सबसे आम संकल्प है। मैं को बहुत अच्छे कारण के बिना पर नहीं छोड़ूंगा।
हमारे कंटेनर आमतौर पर 900px पर आकार में होते हैं .. हमारे पास एक क्लाइंट है जो अभी भी 20 "स्क्रीन में 800x600 का उपयोग करता है .. अविश्वसनीय, सही? – novato
@ हार्मेट: अपने ओएस को अपग्रेड करें और उसे डीपीआई के बारे में सिखाएं, वह शायद @ 800x600 चलाता है क्योंकि पाठ बड़ा है ... बस अपने डीपीआई को 120 तक बढ़ाएं और अपना रेज 1280x1024 पर सेट करें, वह खुश होगा और आप खुश होंगे। – Aren
@ हार्मेट: 800x600 हास्यास्पद है। http://xkcd.com देखें/732/ –
हम 1024x768 को लक्षित करते हैं। हमारी सबसे बड़ी समस्या यह है कि हमारी सेवाएं का उपयोग करने वाले ग्राहक हमें अपनी खुद की वेबसाइटों के भीतर फ्रेम कर सकते हैं, जो एक ही संकल्प के लिए लक्षित हैं और हम अभी भी बहुत छोटे हैं।
यह भी दिलचस्प है कि ब्राउज़रों के संस्करणों का समर्थन करने के लिए - हमारे यातायात का 38% अभी भी आईई 6 है!
ओह प्रिय भगवान .. आईई 6 को मारना चाहिए – novato
मैं एक आंतरिक कंपनी वेब ऐप पर काम करता हूं। हमारे कई उपयोगकर्ता (किसी कारण से) 800x600 का उपयोग करते हैं, इसलिए हम इसका समर्थन करने का प्रयास करते हैं।
मैं कई परियोजनाओं में 960 grid सिस्टम का उपयोग करता हूं, इसलिए मैं 1024x768 के लिए वेब डिज़ाइन अनुकूलित करता हूं।
मेरा सुझाव है
750px अगर लक्षित कर 800 x 600 पिक्सल
950px अगर लक्षित कर 1024 x 768 पिक्सल
1220px अगर लक्षित कर 1280 x 1024 पिक्सल
जो भी प्रणाली आप लक्षित कर रहे, बनाना सुनिश्चित करें कि आप स्क्रॉल बार और साइडबार (कुछ ब्राउज़रों में) के लिए कम से कम 50px अंतर छोड़ दें
डाउनवोट क्यों? – Starx
मानक "एंड-यूजर" स्वीकृत स्क्रीन रिज़ॉल्यूशन v मेष राशि 1280 X 1024 से ~ 1400 X 1050
लेकिन, आप को देखने के एक "क्यूए" बिंदु से बात कर रहे हैं, न्यूनतम आवश्यकता आम तौर पर 1024 है X 768
लचीला वेबसाइटों भविष्य हैं। इसमें इसके quirks है, लेकिन यह उतना कठिन नहीं है जितना लगता है।
तुम भी 30 "पर नज़र रखता है नेटबुक, iPads, लैपटॉप और फिर 24", 27 "है और। और सूची बढ़ती जा रही है।
न्यूनतम-चौड़ाई/अधिकतम-चौड़ाई की स्मार्ट उपयोग करते हैं, प्रतिशत-आधारित चौड़ाई और, शायद, मीडिया-quires आप अत्यंत अद्भुत परिणाम प्राप्त करने के लिए अनुमति देते हैं
हाल एक सूची के अलावा इस विषय पर मुद्दा:। http://www.alistapart.com/articles/responsive-web-design/
मैं सहमत हूं ... लेकिन क्या आपको नहीं लगता कि सीएसएस एक आकार के फिट बैठने के लिए अभी तक पर्याप्त नहीं है? – harpo
सीएसएस है, कुछ ब्राउज़र नहीं हैं :-) लेकिन, गंभीरता से, मुझे लगता है कि फ्लोट और चौड़ाई के स्मार्ट उपयोग के साथ, 750px से 1400px तक डिज़ाइन करने के लिए, अभी संभव है। मैं पतला के कि एक स्क्रीन अचल संपत्ति का बेहतर उपयोग उपयोगकर्ता के लिए बेहतर है। लेकिन, हर वेबसाइट एक बहुत अलग कहानी है। आवश्यक ब्राउज़र समर्थन और, उदाहरण के लिए, मोबाइल डिवाइस का समर्थन बहुत अलग है। –
के रूप में मुझे लगता है कि आप 1024x768 को लक्षित करना चाहिए क्योंकि इस संकल्प सब कुछ खत्म में मुख्य है विश्व पीसी। ज्यादातर कंप्यूटर उपयोगकर्ता 1024x768 का उपयोग करते हैं और आपकोहोना चाहिएजैसा कि मैं हमेशा काम करता हूं।
पोस्टर से सहमत ऊपर, आम तौर पर आदर्श आज 1024x768 है (और एक आधार 960 ग्रिड का उपयोग)
लेकिन आप हमेशा पहले अपने सर्वर लॉग/webstats को ध्यान देना चाहिए। वे आपको अपने आगंतुकों और ब्राउज़र की जानकारी के सबसे अधिक उपयोग किए जाने वाले स्क्रीन संकल्प बताएंगे। संभावना है कि कुछ आश्चर्य हैं, और आप हमारे उपयोगकर्ताओं से हमारे लॉग से पूछने के बजाय बेहतर डेटा प्राप्त करेंगे।
सभी संकल्पों में अच्छी तरह से काम करने वाली वेबसाइट की सबसे अच्छी चौड़ाई 960px चौड़ी है जो मैंने अभी तक पाई है।
न्यूनतम?
मैं कहेंगे 480px गुणित :) की तरह में:
<link media="only screen and (max-device-width: 480px)" href="http://www.alsacreations.com/css/handheld.css" type="text/css" rel="stylesheet" />
हम 950 से 1004px (, 970 या 1000 पिक्सेल मुख्य रूप से करने के लिए केंद्रित और निश्चित डिजाइन चौड़ाई पृष्ठों, 1004 ऊपरी ऊपरी सीमा है)।
नेटबुक 1024x600px के एक संकल्प मुख्य रूप से इसलिए है
Google ने Browser Size जारी किया, यह टूल आपको चौड़ाई, व्यूपोर्ट की ऊंचाई (स्क्रीन का संकल्प या ब्राउज़र विंडो का आकार नहीं) और आगंतुकों का प्रतिशत दिखाएगा एक बड़ा व्यूपोर्ट होने के बाद, "Google का दौरा करने वाले लोगों" से प्राप्त डेटा। यह जेली और द्रव डिजाइन
कृपया, उलझन में लोगों को 'गुना के नीचे' बकवास के बारे में भ्रमित न करें। यदि आपको विश्वास की आवश्यकता है तो http://iampaddy.com/lifebelow600/ पढ़ें। – AJMansfield
मैं 3 साल पहले सटीक विपरीत लिख रहा था: ऐसा नहीं लगता कि आप गुना से ऊपर हैं क्योंकि आप "1024" को लक्षित कर रहे हैं (ऊंचाई 768 होगी)। आपको कभी नहीं जानते। – FelipeAls
ऊपर से अधिकांश के साथ के रूप में के लिए की तुलना में बर्फीले डिजाइन के साथ बेहतर काम करता है, हम 980px से अधिक व्यापक कुछ भी नहीं के साथ 1024x768 करने के लिए डिजाइन करने के लिए, करते हैं।
मेरे मॉनीटर 2048 x 1152 पर जाते हैं, भले ही 1920 x 1080 अधिकांश मुख्यधारा के मॉनीटरों के लिए अधिकतम है। –
मैं वेब डिज़ाइन के बारे में कुछ भी जानने का दावा नहीं कर सकता, लेकिन क्या सब कुछ के लिए प्रतिशत का उपयोग करने के बजाय विशिष्ट आकारों के लिए डिज़ाइन करने का कोई अच्छा कारण है? – Joel
@ जोएल: मुझे उन वेबसाइटों के लिए "तरल डिज़ाइन" पसंद नहीं हैं, जिनकी सामग्री अधिकतर टेक्स्ट है, यदि आपके पास विस्तृत स्क्रीन है, तो इसे पढ़ना मुश्किल हो जाता है। – novato