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

CSS के साथ इमेज को रिस्पॉन्सिव बनाने के लिए उसे कैसे छोटा करें

<घंटा/>

छवि को प्रतिक्रियाशील बनाने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            max-width: 100%;
            height: auto;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt = "Online Compiler" width = "300" height = "300">
   </body>
</html>

  1. CSS के साथ रिस्पॉन्सिव टाइपोग्राफी कैसे बनाएं? CSS के साथ रिस्पॉन्सिव टाइपोग्राफी कैसे बनाएं?

    सीएसएस के साथ प्रतिक्रियाशील टाइपोग्राफी बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <head> <style>    h1 {       font-size: 10vw; &n

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

    सीएसएस के साथ प्रतिक्रियाशील प्रशंसापत्र बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

  1. HTML में इमेज को रेस्पॉन्सिव कैसे बनाएं? HTML में इमेज को रेस्पॉन्सिव कैसे बनाएं?

    छवि को प्रतिक्रियाशील बनाने के लिए, आपको दो गुण सेट करने होंगे। टैग का उपयोग करके छवि जोड़ें और इसे प्रतिक्रियाशील बनाने के लिए ऊंचाई और अधिकतम-चौड़ाई के लिए CSS शैली जोड़ें। उदाहरण के लिए, style=height:auto;max-width:100%; HTML में इमेज को रिस्पॉन्सिव बनाने के लिए आप निम्न कोड को चलाने का प्रया