C'est bizarre, j'ai testé sur de nombreux appareils (tous Chrome), tout va bien en ce qui concerne l'iPhone, j'ai obtenu un résultat étrange sur la balise img, il y a une hauteur supplémentaire que je ne peux pas trouver.

Voici mon code HTML contenant la balise img :

<div class="row align-content-center" id="tips-input">
     <img class="col-5 img-fluid" src="images/tips-image.svg"/>
     <div class="col-7">
          Photo Code bisa ditemukan di dalam foto yang telah ter-print
     </div>
</div>

Et c'est CSS correspondant :

 #input-foto #input-box #tips-input img {height: auto;}

Voici une capture d'écran sur mon appareil :
Voici une capture d'écran sur mon appareil

Voici une capture d'écran sur l'appareil iPhone :
Voici une capture d'écran sur l'appareil iPhone

-1
Kevin Juniawan 27 janv. 2020 à 21:14

1 réponse

Meilleure réponse

D'accord, apparemment, il y a un bogue de boîte flexible sur le navigateur Safari.

Voici la réponse sur un sujet connexe.

Étirement d'image dans flexbox dans Safari

0
Kevin Juniawan 28 janv. 2020 à 04:17