Heim > Artikel > Web-Frontend > So verkleinern Sie ein Bild mithilfe von CSS, um es responsiv zu machen

So verkleinern Sie ein Bild mithilfe von CSS, um es responsiv zu machen

王林nach vorne: 2023-08-23 20:05:021113Durchsuche

Um das Bild responsive zu machen, können Sie versuchen, den folgenden Code auszuführen:

Beispiel

Live-Demo

<!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>

Das obige ist der detaillierte Inhalt vonSo verkleinern Sie ein Bild mithilfe von CSS, um es responsiv zu machen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Was ist das Box-Modell in CSS?Nächster Artikel：Was ist das Box-Modell in CSS?

In Verbindung stehende Artikel

Mehr sehen