Je fais RWD en ce moment et j'ai un problème avec Chrome/VSC/ou je ne sais pas. Pourquoi y a-t-il la différence entre les mesures SCSS et Chrome? Mon point d'arrêt est défini dans SCSS à 800px et dans Chrome il est 640px, pourquoi? Comment le réparer?Chrome ayant différentes mesures de point de rupture
Répondre
L'indicateur de taille de la page ne prend pas le niveau de zoom en compte. Ou vous pourriez dire que c'est dans les pixels de l'écran au lieu de pixels CSS. Comparez innerWidth
et outerWidth
.
Réinitialisez votre niveau de zoom à 100% ou multipliez la largeur de la cible par le niveau de zoom pour trouver la bonne valeur.
Ou activez la barre d'outils de l'appareil et cliquez simplement sur les requêtes média pour définir la taille à exactement cette valeur. Malheureusement, si vous voulez vraiment tester avec un zoom de 80%, ces outils ne fonctionnent pas très bien.
Merci, j'ai téléchargé Viewport Dimensions extension à Google Chrome et ça fonctionne. – mrcnw
Pouvez-vous essayer de remplacer '@media screen and' par' @ media'? Cela utilisera correctement la largeur du navigateur au lieu de l'écran. – Lansana
Je l'ai essayé, mais ne fonctionne pas. Des idées plus pour le réparer? C'est trompeur. – mrcnw
En outre, vous devez cibler l'élément spécifique dans votre CSS. Vous avez juste css à l'intérieur d'une requête de médias. À moins que cette requête multimédia ne soit imbriquée dans une autre règle CSS, essayez de la modifier également. – Lansana