Mengapa imej latar belakang saya dipotong dalam Firefox dan Safari pada peranti iOS?

Membetulkan Isu Ruang Putih pada Halaman dengan Imej Latar Belakang

Menghadapi jurang di sebelah kanan imej latar belakang halaman web anda apabila dilihat dengan FireFox atau Safari pada peranti iOS? Mari terokai pembaikan.

Penerangan Isu:

Imej latar belakang dipaparkan dengan betul dalam kebanyakan penyemak imbas, namun dalam FireFox dan Safari untuk iOS, ruang putih muncul pada jidar kanan. Herotan ini amat ketara pada iPad dan iPhone.

Penyelesaian:

Untuk menyelesaikan isu ini, laraskan CSS anda dengan menambahkan kod berikut pada permulaan, sebelum yang lain kelas:

<code class="css">html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}</code>

Penjelasan:

Kod ini memastikan HTML dan elemen badan menduduki keseluruhan port pandangan, tanpa margin atau padding. Dengan menetapkan overflow-x: hidden, sebarang kandungan yang melangkaui tepi kanan skrin disembunyikan.

CSS yang dikemas kini:

Berikut ialah fail CSS yang dikemas kini:

<code class="css">html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

/* Your other CSS code */</code>

Selepas melaksanakan perubahan ini, ruang putih di sebelah kanan akan hilang dan imej latar belakang akan memanjangkan lebar penuh halaman seperti yang dimaksudkan.

Atas ialah kandungan terperinci Mengapa imej latar belakang saya dipotong dalam Firefox dan Safari pada peranti iOS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!