Bagaimana untuk Menghapuskan Ruang Putih di Sebelah Kanan Halaman dengan Imej Latar Belakang?

Menyelesaikan Ruang Putih di Sebelah Kanan Halaman

Apabila bercakap tentang imej latar belakang, ia boleh mengecewakan untuk menghadapi gangguan ruang putih liputan penuh yang dimaksudkan. Isu ini telah diperhatikan dalam penyemak imbas seperti Firefox dan Safari pada peranti iOS.

Mengatasi Masalah

Untuk menyelesaikan isu ruang putih yang dipaparkan di sebelah kanan halaman, kita boleh mengubah suai kod CSS. Inilah penyelesaiannya:

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

Cara ia Berfungsi

Kod ini telah ditambahkan pada bahagian atas CSS, di atas semua kelas lain. Ia mempunyai kesan berikut:

• Menetapkan lebar dan tinggi kedua-dua elemen html dan badan kepada 100%, memastikan ia menduduki keseluruhan ruang yang tersedia.
• Mengalih keluar sebarang jidar lalai atau pelapik yang mungkin ada.
• Melumpuhkan limpahan mendatar, menghalang sebarang kandungan daripada melepasi lebar halaman.

Kesimpulan

Dengan melaksanakan kod ini, isu ruang kosong di sebelah kanan halaman telah diselesaikan. Imej latar belakang kini memanjangkan panjang penuh penyemak imbas, seperti yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Ruang Putih di Sebelah Kanan Halaman dengan Imej Latar Belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!