Jangan kod keras lebar dan tinggi. Gunakan rem atau vw/vh (disyorkan).
.section20 .image, .section20 img { width: 35rem ; // 或者輸入相應(yīng)的rem值 max-width: 100vh ; }
bermakna ketinggian elemen ini bersamaan dengan 100% ketinggian port pandangan.
Semak pemilih anda.
Gunakan .section20 .image
指定img
包裝器保持在600px
,并且不會(huì)隨max-width: 100%;
untuk mengubah saiz.
Gunakan .image img
sebaliknya.
.image img { width: 600px; max-width: 100%; }
<section class='section20'> <figure class="image"> <img src="https://dummyimage.com/600x400/000/fff"> </figure> </section>