Bonjour,
sur un site, j'ai un problème avec les mobiles, la page n'est pas fixée sur le viewport, on peut la tirer vers la gauche et un petit espace apparaît à droite de l'écran, elle n'est pas stable, comme si elle dansait. Je n'ai pas ce problème sur un autre site que j'ai réalisé en grid, tout est stable, la page ne peut pas bouger. Et je n'arrive pas à voir où est la différence entre mes deux réalisations.
Edit : Avec un lien, ça ira mieux : https://musiquenvrac.fr
J'ai pourtant réglé le html
et aussi
Bien sûr, la balise meta viewport est présente. Je pense que le problème vient de ce que je dois mettre sur html et body, en début de css. Mais quoi, exactement ?
Mobile SAMSUG Galaxy S6 mais sur safari le problème est aussi là, bien que moindre.
Modifié par Bongota (19 Oct 2021 - 19:32)
sur un site, j'ai un problème avec les mobiles, la page n'est pas fixée sur le viewport, on peut la tirer vers la gauche et un petit espace apparaît à droite de l'écran, elle n'est pas stable, comme si elle dansait. Je n'ai pas ce problème sur un autre site que j'ai réalisé en grid, tout est stable, la page ne peut pas bouger. Et je n'arrive pas à voir où est la différence entre mes deux réalisations.
Edit : Avec un lien, ça ira mieux : https://musiquenvrac.fr
J'ai pourtant réglé le html
html {
width:100%;
margin:auto 0;
overflow-x: hidden;}
et aussi
*, *:before, *:after {
box-sizing : border-box;
box-sizing: inherit;}
Bien sûr, la balise meta viewport est présente. Je pense que le problème vient de ce que je dois mettre sur html et body, en début de css. Mais quoi, exactement ?
Mobile SAMSUG Galaxy S6 mais sur safari le problème est aussi là, bien que moindre.
Modifié par Bongota (19 Oct 2021 - 19:32)