Postingan lainnya
Posisi website
Bagaimana cara membuat posisi sebuah halaman web secara keseluruhan dari menu, kontent, isi, dll tetap pada posisinya tanpa banyak bergeser, mengecil, berpindah tempat, saat browser di resize... (*note yg dimaksud bukanlah seperti menu burger =).
Contoh: http://eng.sejong.ac.kr/index.do atau seperti facebook
terima kasih :)
5 Jawaban:
dalam dunia web sekarang ada yang namanya teknik RWD (Responsive Web Design) termasuk yang agan ceritain diatas (menu burger) supaya yang di device smartphone bisa keliatan enak diliatnya enggak ripuh harus scrol kanan kiri gitu. nah kalo pada saat di device smartphone ga mau kayak gitu ya udah jangan pake teknik RWD, seperti biasa cuma resikonya user susah navigasi website nya. pada contoh website itu dia ga pake teknik RWD cuma mungkin lebar dan tinggi div nya mungkin pake pengaturan %.
Bisa mainin di css nya pake
@media screen and (max-width: /* width size */) { /* Lakukan sesuatu */ }
Itu namanya statis website, mau diresize atau tidak tetap statis tidak mengecil atau membesar. Kalo mau seperti itu hapus ini :
<meta name="viewport" content="width=device-width, initial-scale=1">
pada bagian headernya. Karena itu untuk membuat web responsive ketika di resize
pakai min-width: di css untuk bagian wrappernya
ini gan kodenya
@media only screen and (max-width: /*atur ukuran*/){
nama_selector {
/*Berikan Property yang dibutuhkan*/
}
}
Selamat Mencoba