सीएसएस img अधिकतम चौड़ाई: 100%

0

सवाल

अगर हम निर्दिष्ट अधिकतम चौड़ाई: 100% के लिए एक छवि तत्व (उदाहरण के लिए एक छवि के 250px * 500px) और हम इस छवि में एक मूल तत्व की चौड़ाई 1000px तो, अगर माता पिता के सिकुड़ <= 500px, छवि किया जाएगा सिकुड़ तदनुसार पर कब्जा करने के लिए पूरी लंबाई के माता पिता. हालांकि, अगर माता पिता की चौड़ाई पर है > 500px, छवि होंगे नहीं बढ़ाया जा सकता, लेकिन इसके मूल 500px.

क्या मुझे confuses का अर्थ है 100% यहाँ. मेरी समझ से, रिश्तेदार प्रतिशत है हमेशा के लिए संबंध के साथ अपने माता पिता के. नहीं है तो इसका मतलब यह है कि अधिकतम चौड़ाई हमेशा वर्तमान चौड़ाई के अपने माता पिता? तो छवि हमेशा सिकुड़/बढ़ाया फिट करने के लिए अपने माता-पिता, क्योंकि अधिकतम चौड़ाई 100% है? मैं क्या कर रहा हूँ गलतफहमी यहाँ? कैसे को समझने के लिए सापेक्ष प्रतिशत में प्रयोग किया जाता अधिकतम चौड़ाई इस मामले में? यह क्या है के सापेक्ष? धन्यवाद!

css html
2021-11-24 03:00:26
1

सबसे अच्छा जवाब

2

हाँ, वहाँ एक अंतर है के बीच width और max-width.

इस परिभाषा से w3school कर देगा यह आसान के लिए आप को समझने के लिए.

https://www.w3schools.com/cssref/pr_dim_max-width.asp

के max-width संपत्ति को परिभाषित करता है अधिकतम चौड़ाई का एक तत्व है ।

यदि सामग्री की तुलना में बड़ा है और अधिकतम चौड़ाई, यह स्वचालित रूप से ऊंचाई को बदलने के लिए तत्व ।

यदि सामग्री है की तुलना में छोटे अधिकतम चौड़ाई, अधिकतम चौड़ाई संपत्ति कोई प्रभाव नहीं है ।

नोट: इस रोकता के मूल्य width संपत्ति बनने से की तुलना में बड़ा max-width. के मूल्य max-width संपत्ति को ओवरराइड करता है के width संपत्ति.

आने के लिए अपने सवाल अब, अगर आप को बदलने max-width के साथ width और के लिए जाँच की चौड़ाई के लिए अपनी छवि को तोड़ने बिंदु >=500px या <500px, यह होगा के पाठ्यक्रम लेने के माता-पिता पूर्ण चौड़ाई ।

लेकिन के रूप में उल्लेख किया है उपरोक्त परिभाषा से, max-width यकीन है कि बनाता है, तत्व चौड़ाई जाना नहीं है ऊपर एक निश्चित चौड़ाई (कोई फर्क नहीं पड़ता कि क्या है, माता-पिता चौड़ाई) और यही कारण है कि इस संपत्ति में लाया गया था.

2021-11-24 03:21:07

आप का उपयोग करना चाहिए आधिकारिक सूत्रों इसके बजाय, इस तरह के रूप में W3C या MDN. w3schools से गलत है ।
Raptor

@Raptor: मैं अपनी प्रशंसा की सलाह है, मैं अपने आप को पसंद करते हैं, आधिकारिक सूत्रों का कहना है । हालांकि MDN या .3 सी अभी भी बुरा नहीं है कि शुरुआती के लिए. हम सब शुरू कर दिया है इन साइटों से और समय के साथ ही हम देखा w3c करता है कुछ मुद्दों पर कुछ मामलों में, लेकिन एक शुरुआत के लिए समझने के लिए एक बिंदु पर, मैं महसूस नहीं करते हैं, यह बुरा है साझा करने के लिए :) वैसे भी, धन्यवाद
Imran Rafiq Rather

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में