क्या पिक्सेल घनत्व विभिन्न उपकरणों में तत्वों की स्थिति को प्रभावित करता है?

Question

मैं एक कस्टम स्लाइड शो बना रहा हूं और मैं चाहता हूं कि मेरी स्लाइड नियंत्रण हमेशा खिड़की के नीचे एक निश्चित स्थिति पर हों। इसे पूरा करने के लिए मैं jQuery का उपयोग कर रहा हूं और window height - 50px पर नियंत्रण वाले div की शीर्ष प्रॉपर्टी सेट कर रहा हूं।

मेरा प्रश्न, यदि साइट एक उच्च पिक्सेल घनत्व के साथ एक डिवाइस पर देखा है इस दृष्टिकोण अभी भी काम करता है? मेरे पास किसी भी प्रतिक्रिया का परीक्षण करने और सराहना करने के लिए कुछ भी नहीं है। मेरे दिमाग में मुझे लगता है कि अगर किसी डिवाइस में उच्च पिक्सेल घनत्व होता है 50px केवल इसे थोड़ा सा स्थानांतरित करेगा, लेकिन मुझे उम्मीद है कि मैं गलत हूं।

Answer 1

पिक्सेल घनत्व उपस्थिति लेआउट को प्रभावित है, लेकिन नहीं कर सकते। पिक्सेल घनत्व समग्र रूप से बहुत ही मामूली पहलू है और इसे सीधे आपके सीएसएस की बजाय वीडियो ड्राइवरों और ऑपरेटिंग सिस्टम द्वारा नियंत्रित किया जाता है। कंपनियां अपने उत्पाद को अलग करने के तरीके के रूप में पिक्सेल घनत्व का विज्ञापन करने के लिए आम बात शुरू कर रही हैं, लेकिन इसका मतलब यह नहीं है कि यह एक नई बात है।

सभी पीसी, लैपटॉप, टेबल, फोन, और एक ही संकल्प लेकिन अलग स्क्रीन आयाम (यहां तक ​​कि सिर्फ अलग अलग पहलू अनुपात) के साथ टीवी अलग पिक्सेल घनत्व है। जबकि हमें विभिन्न संकल्पों पर विचार करना है, हमें पिक्सेल घनत्व पर विचार नहीं करना है।

जबकि विशेष रूप से एक पिक्सेल घनत्व चिंता फ़ॉन्ट विकल्प स्टाइल पहलुओं कि प्रभावित हो सकता है में से एक हो सकता है। एक फ़ॉन्ट जो किसी दिए गए स्क्रीन (साथ ही ब्राउज़र, और ऑपरेटिंग सिस्टम) पर अच्छी तरह से प्रस्तुत करने के लिए बारीकी से ट्यून किया गया है, संभावित रूप से दूसरों पर अच्छा नहीं लगेगा। यहां पिक्सेल घनत्व के अलावा कई कारक हैं, जैसे उप-पिक्सेल प्रतिपादन।

लब्बोलुआब यह एक ही रूप में यह काफी कुछ समय के लिए किया गया है है। अपनी सामग्री डिजाइन करें; विभिन्न उपकरणों (यदि संभव हो) पर पूरी तरह से परीक्षण करें और आपको ठीक होना चाहिए।

Answer 2

सीएसएस px इकाइयों पिक्सल नहीं हैं।

इसमें jQuery में उनका उपयोग शामिल है। px इकाइयां प्रदर्शन पर सीधे भौतिक पिक्सल से मेल नहीं खाते हैं।

w3.org a page that explains px and other CSS units है:

पिक्सल इकाई CSS का जादू इकाई है। यह वर्तमान फ़ॉन्ट से संबंधित नहीं है और पूर्ण इकाइयों से संबंधित नहीं है। पीएक्स इकाई को छोटे लेकिन दृश्यमान के रूप में परिभाषित किया गया है, और ऐसा कि क्षैतिज 1px चौड़ी रेखा तेज किनारों (कोई एंटी-एलियासिंग नहीं) के साथ प्रदर्शित की जा सकती है। तेज, छोटा और दृश्य डिवाइस पर निर्भर करता है और जिस तरह से इसका उपयोग किया जाता है: क्या आप इसे अपनी आंखों के करीब रखते हैं, जैसे कि मोबाइल फोन, हथियार की लंबाई, कंप्यूटर मॉनिटर की तरह, या किसी पुस्तक के बीच कहीं भी? पीएक्स इस प्रकार निरंतर लंबाई के रूप में परिभाषित नहीं किया गया है, लेकिन ऐसा कुछ है जो डिवाइस के प्रकार और इसके सामान्य उपयोग पर निर्भर करता है।

एक पिक्सल की उपस्थिति का जायज़ा लेने के लिए, कल्पना 1990 के दशक से एक CRT कंप्यूटर मॉनीटर: छोटी से छोटी डॉट इसके बारे में एक इंच (0.25 मिमी) के 1/100th या एक अधिक छोटे उपायों प्रदर्शित कर सकते हैं। पीएक्स इकाई का नाम उन स्क्रीन पिक्सेल से मिला है।

आजकल उपकरणों हैं कि सिद्धांत प्रदर्शन में कर सकता है छोटे तेज डॉट्स (यद्यपि आप एक ताल उन्हें देखने के लिए आवश्यकता हो सकती है)।लेकिन सीएसएस में पीएक्स का उपयोग करने वाली पिछली शताब्दी के दस्तावेज़ अभी भी वही दिखते हैं, चाहे डिवाइस क्या हो। प्रिंटर, विशेष रूप से, 1px की तुलना में बहुत छोटे विवरणों के साथ तेज रेखाएं प्रदर्शित कर सकते हैं, लेकिन प्रिंटर पर भी, एक 1 पीएक्स लाइन उतनी ही दिखती है जितनी यह कंप्यूटर मॉनीटर पर दिखाई देगी। डिवाइस बदलते हैं, लेकिन पीएक्स हमेशा एक ही दृश्य उपस्थिति है।

"पिक्सेल इकाइयों दृश्य डिवाइस का संकल्प, जैसे कि, सबसे अधिक बार एक कंप्यूटर का प्रदर्शन के सापेक्ष हैं:

एक और तरीका है इस बारे में सोचने की है कि CSS px is an Angular Measurement है। यदि आउटपुट डिवाइस की पिक्सेल घनत्व एक विशिष्ट कंप्यूटर डिस्प्ले से बहुत अलग है, तो उपयोगकर्ता एजेंट को पिक्सेल मानों को पुन: सहेजना चाहिए। यह अनुशंसा की जाती है कि संदर्भ पिक्सेल डिवाइस पर एक पिक्सेल का दृश्य कोण हो, जिसमें 96 डीपीआई की पिक्सेल घनत्व और हाथ की लंबाई के पाठक से दूरी हो। 28 इंच की एक मामूली हाथ की दूरी के लिए, दृश्य कोण इसलिए .0213 के बारे में डिग्री है। "

तो अपने -50px नेत्रहीन दिखाई देनी चाहिए लगभग किसी भी डिवाइस पर एक ही आकार के होने के लिए। पिक्सेल की वास्तविक संख्या डिवाइस के पिक्सेल घनत्व पर निर्भर करती है, डिवाइस की उपयोगकर्ता की आंखों से कितनी दूर तक और उपयोगकर्ता अनुकूलन भी है।