<p>Saya sedang membina tapak web menggunakan React (16.8.6), tetapi pada Safari mudah alih, apabila pengguna mula menatal, ia tidak meruntuhkan/mengecilkan bar URL seperti yang dilakukan oleh tapak web lain. </p> <p>CSs untuk div pembalut kelihatan seperti ini: </p> <p><br /></p> <pre class="brush:js;toolbar:false;"><ContentContainer> <TatalBekas> {...otherComponentsHere} <TatalBekas/> <ContentContainer/></pra> <pre class="brush:css;toolbar:false;">const ContentContainer = styled.div` ketinggian: 100% /*Benarkan dua lajur untuk menduduki keseluruhan ketinggian tetingkap penyemak imbas*/ limpahan-y: auto; flex-grow: 1; paparan: flex; flex-direction: lajur; `; const ScrollContainer = styled.div` lentur: 1; `;</pre> <p><br /></p> <p>App.css kelihatan seperti ini:</p> <p><br /></p> <pre class="brush:css;toolbar:false;">html { ketinggian: 100%; ketinggian min: 100vj; } badan { font-family: 'Work Sans', 'Courier New', sans-serif; ketinggian min: 100%; ketinggian: 100%; jidar: 0px; } #aplikasi { ketinggian: 100%; } #root { ketinggian: 100%; paparan: flex; limpahan: tersembunyi; /*Jadikan badan tidak boleh ditatal*/ saiz kotak: kotak sempadan; }</pre> <p><br /></p> <p>Saya cuba memikirkan isu dalam CSS ini yang menghalang bar URL Safari daripada runtuh semasa pengguna menatal. Terima kasih atas bantuan anda. </p>