1
votes

La taille de l'image CSS ne s'affiche pas correctement

Premier chargement

Taille de l'image CSS incorrecte

J'ai mis la largeur à 97px et la hauteur à 58px. Mais lors du premier chargement (les éléments créés par jQuery) , ce que je vois dans Chrome était de 59,5 px de largeur.

Après avoir décoché la case à cocher width , puis la revérifier

Taille d'image CSS correcte

Maintenant, il affiche la taille correcte.

Est-ce le problème du navigateur? Comment puis-je réparer cela?

  • Google Chrome 74.0.3729.169 (version officielle) (64 bits)
  • macOS 10.14.5

0 commentaires

4 Réponses :


0
votes

Cela est dû à la taille de l'image. Si la taille de l'image est déjà celle que vous voulez, ne changez pas la taille de l'image. Lorsque vous donnez la même taille, le navigateur essaie de remplacer, puis un problème se produit (qui est une taille d'image incorrecte).


1 commentaires

Bienvenue dans Stackoverflow! Si vous souhaitez donner un commentaire à un seul utilisateur, postez-le sous forme de commentaire. Les réponses sont destinées à tous les utilisateurs du site.



0
votes

Essayez de donner des éléments importants en CSS et utilisez n'importe quel div parent qui est statique ou dont vous connaissez le nom de classe

div > img{
  width: 97px !important;
}


0 commentaires

0
votes

J'ai trouvé un hack à résoudre. Forcer le rafraîchissement / rafraîchissement du DOM sur Chrome / Mac

Après le chargement du contenu

setTimeout(function() {
    $('.parent img').hide().show(0);
}, 500);


0 commentaires

0
votes

J'ai résolu ce problème en préchargeant l'image. J'ai placé ce qui suit dans la balise de ma page:

<link rel="preload" as="image" href="path/to/image.png" as="image">


0 commentaires