Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengecilkan imej menggunakan CSS untuk menjadikannya responsif
Bagaimana untuk mengecilkan imej menggunakan CSS untuk menjadikannya responsif
- 王林ke hadapan
- 2023-08-23 20:05:021113semak imbas
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>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!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Apakah model kotak dalam CSS?Artikel seterusnya：Apakah model kotak dalam CSS?