Um das Bild responsive zu machen, können Sie versuchen, den folgenden Code auszuführen:
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!