Membuat content mengikuti ukuran layar browser atau ngefixed tanpa scroll

gan saya membuat sebuah website dan saya membagi website menjadi 3 bagian ada header, main content, dan footer, dengan ukuran tinggi yang berbeda2 bagaimana cara membuat agar ketika di layar yang lebih kecil tidak scroll ketika di layar lebih tinggi tampilannya sama pres bawah dan pres atas, jadi dengan tinggi yang berbeda2 otomatis tingginya akan menyesuaikan layar, pres bawah dan pres atas tanpa scroll. mohon bantuannya gan, mungkin kalo bisa pakek css3 Terima Kasih

avatar fadiljack123
@fadiljack123

13 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

Agak sedikit repot mas kalau misal pakai ukuran yang berbeda-beda di tiap screen nya. Kalau memang ingin dinamis, bisa memakai javascript / jQuery. Jadi, nanti ukuran main content diberi css property "height" menjadi ukuran (viewport height - (header height + footer height)). Atau kalau masnya bener2 pengen pakai css3 only, harus nentuin breakpoint nya via css, jadi waktu viewport nya 1024px masing2 height untuk header dan footer berapa, lalu main content di-set max-height nya. Begitu juga untuk breakpoint mobile nya.

avatar ashandysp
@ashandysp

49 Kontribusi 18 Poin

Dipost 4 tahun yang lalu

Tanggapan

terima kasih gan, berarti saya harus cari beberapa patokan resolusi dari beberapa device seperti membuat responsif menggunakan @media

Login untuk ikut Jawaban