masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > Bagaimana untuk mengecilkan imej menggunakan CSS untuk menjadikannya responsif

Bagaimana untuk mengecilkan imej menggunakan CSS untuk menjadikannya responsif

王林

Lepaskan： 2023-08-23 20:05:02

ke hadapan

1187 orang telah melayarinya

Bagaimana untuk mengecilkan imej menggunakan CSS untuk menjadikannya responsif

Untuk menjadikan imej responsif, anda boleh cuba jalankan kod berikut:

Contoh

Demo Langsung

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

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk mengecilkan imej menggunakan CSS untuk menjadikannya responsif. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：tutorialspoint.com

Artikel sebelumnya：Apakah model kotak dalam CSS? Artikel seterusnya：Bagaimana untuk memilih berbilang fail menggunakan teg input HTML?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang