Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

प्रतिक्रियाशील छवि के लिए CSS अधिकतम-चौड़ाई गुण का उपयोग करें

<घंटा/>

प्रतिक्रियाशील छवि के लिए अधिकतम-चौड़ाई वाली संपत्ति को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
      <style>
         img {
            max-width: 100%;
            height: auto;
         }
      </style>
   </head>
   <body>
      <p>To check the effect, you need to resize the browser.</p>
      <img src = "https://www.tutorialspoint.com/python/images/python-data-science.jpg" alt = "Python Data Science" width = "400" height = "300">
   </body>
</html>

  1. CSS में अधिकतम-चौड़ाई वाली संपत्ति CSS में अधिकतम-चौड़ाई वाली संपत्ति

    हम सीएसएस अधिकतम-चौड़ाई संपत्ति का उपयोग करके किसी तत्व के सामग्री बॉक्स के लिए एक निश्चित अधिकतम-चौड़ाई परिभाषित कर सकते हैं जो तत्व के सामग्री बॉक्स को चौड़ा नहीं होने देता, भले ही चौड़ाई अधिकतम-चौड़ाई से अधिक हो। सिंटैक्स CSS अधिकतम-चौड़ाई गुण का सिंटैक्स इस प्रकार है - Selector {    m

  1. कैसे सीएसएस के साथ एक उत्तरदायी छवि बनाने के लिए? कैसे सीएसएस के साथ एक उत्तरदायी छवि बनाने के लिए?

    सीएसएस के साथ एक प्रतिक्रियाशील छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    width: 100%;    max-width: 1000px; } &

  1. आईई 8 और उससे कम सहित सभी वेब ब्राउज़रों के लिए सीएसएस छवि अस्पष्टता आईई 8 और उससे कम सहित सभी वेब ब्राउज़रों के लिए सीएसएस छवि अस्पष्टता

    संपत्ति अस्पष्टता अंतिम और आधुनिक समाधान है और फ़ायरफ़ॉक्स 0.9+, सफारी 2, ओपेरा 9+, आईई 9+ और Google क्रोम के हर संस्करण के लिए काम करता है। -मोज़-अपारदर्शिता गुण 0.9 से पुराने फ़ायरफ़ॉक्स संस्करणों के लिए अपारदर्शिता गुण है जबकि -khtml-opacity गुण 1 से शुरू होने वाले सफारी संस्करणों के लिए है। फ़िल