<p>Je crée un site Web à l'aide de React (16.8.6), mais sur Safari mobile, lorsque l'utilisateur commence à faire défiler, il ne réduit pas la barre d'URL comme le font d'autres sites Web. </p> <p>Le CSS du div d'encapsulation ressemble à ceci : </p> <p><br /></p> <pre class="brush:js;toolbar:false;"><ContentContainer> <ScrollContainer> {...autres composantsici} <ScrollContainer/> <ContentContainer/></pre> <pre class="brush:css;toolbar:false;">const ContentContainer = styled.div` height: 100% /*Autoriser deux colonnes à occuper toute la hauteur de la fenêtre du navigateur*/ débordement-y : auto ; croissance flexible : 1 ; affichage : flexible ; direction flexible : colonne ; `; const ScrollContainer = styled.div` flexion : 1 ; `;</pré> <p><br /></p> <p>App.css ressemble à ceci :</p> <p><br /></p> <pre class="brush:css;toolbar:false;">html { hauteur : 100 % ; hauteur min : 100vh ; } corps { famille de polices : « Work Sans », « Courier New », sans-serif ; hauteur min : 100 % ; hauteur : 100 % ; marge : 0px ; } #application { hauteur : 100 % ; } #racine { hauteur : 100 % ; affichage : flexible ; overflow: Hidden; /*Rendre le corps non défilable*/ dimensionnement de la boîte : bordure-boîte ; }</pré> <p><br /></p> <p>J'essaie de comprendre un problème dans ce CSS qui empêche la barre d'URL Safari de s'effondrer lorsque l'utilisateur fait défiler. Merci pour votre aide. </p>