<p>Dans mon navigateur Web, s'il est zippé et sur mon téléphone Android, 100 % fonctionne parfaitement. Mais ce n’est pas le cas sur iPhone. </p> <p>Pour les images, j'utilise généralement max-width : 100 % ; et, le cas échéant, width : 100 % ou img-responsive. La largeur de l'image est supérieure à 600 px, j'ai donc défini la largeur sur 600 px pour contrôler les appareils plus grands. </p> <pre class="brush:php;toolbar:false;"><section class='section20'> <figure class="image"> <img src="images/user-content/1/20221003160546.jpg"> </figure> </section></pré> <p>CSS :</p> <pre class="brush:php;toolbar:false;">.section20 .image, .section20 img { largeur : 600px !important; largeur maximale : 100 % !important ; }</pré> <p>Cela ne fait aucune différence que vous ajoutiez !important ou non. L'éditeur de formatage est CKEditor 5. C'est très strict lorsqu'il s'agit de classes dans votre code. Si vous ajoutez une classe personnalisée en mode code, elle sera supprimée de la figure lorsque vous reviendrez à la vue de l'éditeur formaté. </p> <pre class="brush:php;toolbar:false;"><figure class="image"> <figure class="image ma-classe-personnalisée"></pre> <p>la classe personnalisée sera supprimée. </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>