ब्राउज़र ज़ूम सीएसएस में परिभाषित पिक्सल को कैसे प्रभावित करता है?

Question

उदाहरण के लिए: मेरे पास 300px की चौड़ाई वाला तत्व है। फिर यदि मैं ज़ूम करता हूं तो मेरे पास अभी भी 300px की चौड़ाई वाली तत्व है लेकिन प्रत्येक सीएसएस पिक्सेल बड़ा होगा। लेकिन अगर मैं अधिकतम चौड़ाई निर्धारित करता हूं: 1000px और फिर एक पल में ज़ूम इन हो जाएगा तत्व चौड़ाई को कम करना शुरू करें। क्यूं कर?

Answer 1

इसका कारण यह है कि अधिकतम चौड़ाई 1000px से ऊपर स्केलिंग से तत्व को रोकने के लिए है, किसी भी समय कंटेनर चौड़ाई या स्क्रीन 1000px से कम है, तत्व चौड़ाई के 50% के लिए उत्तरदायी होगा।

element { 
    width: 50%; 
    max-width: 1000px; 
} 

300px की एक निश्चित चौड़ाई सेट करते समय तत्व उत्तरदायी नहीं रह गया है और ज़ूम या स्क्रीन के आकार बदलने के अनुसार आकार नहीं कर सकते हैं। इसलिए जब तत्व में ज़ूम करना उसके आकार को बनाए रखता है, तो नीचे दिए गए कोड में अधिकतम-चौड़ाई प्रासंगिक नहीं है क्योंकि तत्व 300px से अधिक नहीं होगा।

element { 
    width: 300px; 
    max-width: 1000px; 
} 

यदि आपके कोई प्रश्न हैं तो मुझे बताएं।