28106 sujets

CSS et mise en forme, CSS3

Bonjour,
Je n'ai pas de problème particulier sur desktop et iphone, en revanche le linear gradient bug sur ipad (en mode portrait uniquement), comme vous pouvez le voir sur la pièce-jointe. Avez-vous une idée ? Si je spécifie un width de 100% sur le body & html, le problème apparait alors sur desktop.
https://bit.ly/3fiMKBd
upload/1596317700-1331-ipad.png
Hello, c'est la balise <html> et <body> qui bizarrement n'occupe pas tout l'écran. J'ai eu ce bug récemment aussi et je ne comprends pas la cause. Comme solution, je rajoute à la balise <html> :


 html{
  height: 100%;
  overflow: auto;
 }
Meilleure solution
Modérateur
allan00958 a écrit :
Hello, c'est la balise &lt;html&gt; et &lt;body&gt; qui bizarrement n'occupe pas tout l'écran. J'ai eu ce bug récemment aussi et je ne comprends pas la cause. Comme solution, je rajoute à la balise &lt;html&gt; :


 html{
  height: 100%;
  overflow: auto;
 }

Hello, la cause est très simple. <html> et <body> sont des éléments comme <div> ou <p>… Par défaut, la valeur par défaut de height pour ces éléments est auto. Voilà donc pourquoi il prend l'espace nécessaire uniquement et pas toute la page Smiley smile