Partage
  • Partager sur Facebook
  • Partager sur Twitter

Image déformé uniquement sur apple

    25 juin 2024 à 13:47:48

    Bonjour, 

    j'ai un soucis avec un logo (icon-phone.png) de mon site internet. Sur tous les appareils mobile hors Apple, l'image s'affiche correctement mais sur tout les iPhone l'image est étiré. Est ce un problème récurrent ? croyez que ceci provient du code ou de Apple ?

    <div class="mobile_navbar">
          <img
            src="Images/SAMFRI_1_Bleu.png"
            alt="samfri responsive"
            class="samfri_navbar"
          />
          <div class="menu-phone">
                <img src="Images/icon-phone.png" alt="phone" class="phone">
                <img src="Images/menu-line.png" alt="menu" class="menu" />
            <div class="navbar-mobile">
                <ul>
                  <li><a href="index.html">Accueil</a></li>
                  <li><a href="index.html#sec">Nos services</a></li>
                  <li><a href="index.html#qui">A propos</a></li>
                  <li><a href="contact.php">Contact</a></li>
                </ul>
            </div>
            <div class="number-phone">
              <p>06 *******</p>
    /* Navbar mobile */
    
    .mobile_navbar {
        width: 100%;
        display: none;
        background: rgba(255, 255, 255, 0.800);
        position: fixed;
        justify-content: space-between;
        z-index: 200;
        height: 10%;
        top: 0;
        padding: 5px;
    }
    
    .menu-phone {
        display: none;
    }
    
    .phone {
        padding: 23px;
    }
    .menu {
        padding: 20px;
    }
    
    .navbar-mobile {
        display: none;
    }
    
    .number-phone {
        display: none;
    }




    -
    Edité par GregoireDebonnet 25 juin 2024 à 13:50:32

    • Partager sur Facebook
    • Partager sur Twitter
      26 juin 2024 à 17:07:31

      Bonjour.

      Curieux. Je ne vois pas d'erreur HTML (mais un risque de navigation compromise pour les non-voyants, ce qui n'a rien à voir avec ton problème).

      C'est la seule image qui est déformée ? Celle d'à côté va bien ?

      As-tu essayé de mettre des attributs width et height ?

      • Partager sur Facebook
      • Partager sur Twitter

      Image déformé uniquement sur apple

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown