Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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
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.
Tanggapan
terima kasih gan, berarti saya harus cari beberapa patokan resolusi dari beberapa device seperti membuat responsif menggunakan @media