<p>Dalam penyemak imbas web saya, jika dizip dan pada telefon Android saya, 100% berfungsi dengan sempurna. Tetapi tidak begitu pada iPhone. </p> <p>Untuk imej, saya biasanya menggunakan lebar maksimum: 100%;, dan jika sesuai, lebar: 100% atau img-responsif. Lebar imej lebih besar daripada 600px, jadi saya menetapkan lebar kepada 600px untuk mengawal pada peranti yang lebih besar. </p> <pre class="brush:php;toolbar:false;"><section class='section20'> <kelas angka="imej"> <img src="images/user-content/1/20221003160546.jpg"> </figure> </section></pre> <p>CSS:</p> <pre class="brush:php;toolbar:false;">.section20 .image, .section20 img { lebar: 600px !penting; lebar maksimum: 100% !penting; }</pre> <p>Tidak ada bezanya sama ada anda menambah !penting atau tidak. Editor pemformatan ialah CKEditor 5. Ia sangat ketat apabila berurusan dengan kelas dalam kod anda. Jika anda menambah kelas tersuai dalam paparan kod, ia akan mengalih keluarnya daripada angka apabila anda kembali ke paparan editor yang diformatkan. </p> <pre class="brush:php;toolbar:false;"><figure class="imej"> <kelas angka="imej kelas tersuai saya"></pra> <p>kelas tersuai akan dipadamkan. </p>

.section20 .image,
.section20 img {
width: 35rem ; // 或者输入相应的rem值
max-width: 100vh ; 
}

.image img {
  width: 600px;
  max-width: 100%;
}

<section class='section20'>
  <figure class="image">
    <img src="https://dummyimage.com/600x400/000/fff">
  </figure>
</section>