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.
width
, puis la revérifierMaintenant, il affiche la taille correcte.
Est-ce le problème du navigateur? Comment puis-je réparer cela?
4 Réponses :
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).
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.
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; }
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);
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">