Bar alamat/bar URL kekal tidak berubah apabila menatal pada Safari mudah alih
<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>
