Dokumen ini dibuat untuk mengatasi kesulitan yang dialami pengguna lokal dalam mempelajari FramerFramer karena kurangnya materi dalam bahasa Korea. Kami menerjemahkan isi blog resmi ke dalam bahasa Korea dan menambahkan informasi yang berguna untuk praktik. Kami berharap ini dapat bermanfaat bagi Anda yang menggunakan FramerFramer.

Mengapa lebar layar di situs mobile tidak terisi penuh?

Jika situs yang dibuat dengan FramerFramer tidak terisi penuh pada layar seluler di Breakpoint, penyebab yang paling umum adalah pengaturan lebar elemen halaman lebih lebar dari viewport. Masalah ini dapat dengan mudah diselesaikan hanya dengan menyesuaikan lebar.

1. Menemukan elemen masalah

Pertama, Anda harus menemukan bagian di mana situs meluap secara horizontal atau ada celah pada layar seluler. Pengaturan ini membuat elemen tidak dapat menyusut dengan benar ke ukuran layar kecil, menyebabkan seluruh situs tampil lebih lebar dari layar.

Sering kali elemen dengan pengaturan berikut menimbulkan masalah.

• Ditetapkan dengan lebar tetap (misalnya Fixed / 460px) alih-alih lebar responsif (misalnya Fill / 1fr atau Relative 100%).

• Ditetapkan dengan nilai Max Width yang terlalu besar untuk layar seluler.

2. Memodifikasi pengaturan lebar

Setelah Anda menemukan elemen yang bermasalah, modifikasi pengaturan lebar seperti berikut.

• Ubah lebar tetap menjadi satuan relatif
  Ganti satuan px dengan 100% atau 1fr agar menyesuaikan otomatis dengan ukuran layar.

• Sesuaikan Max Width
  Jika nilai yang ditetapkan lebih besar dari viewport seluler, hapus atau turunkan ke nilai yang sesuai.

3. Terapkan perubahan dan publikasikan

Setelah semua pengaturan dimodifikasi, Anda harus mempublikasikan ulang situs. Cukup tekan tombol “Publish” untuk menerapkan perubahan. Anda kemudian dapat memeriksa apakah situs mengisi layar secara merata di tampilan seluler.

Jika masalah belum teratasi setelah mengikuti semua langkah tersebut, Anda bisa mendapatkan bantuan tambahan melalui halaman kontak.

Tulisan ini adalah terjemahan dan adaptasi dari artikel resmi di blog FramerFramer, ‘Mengapa situs saya tidak memenuhi layar di breakpoint Ponsel?’.