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 :)

avatar user1
@user1

7 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

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 %.

avatar kartadinata
@kartadinata

121 Kontribusi 78 Poin

Dipost 7 tahun yang lalu

Bisa mainin di css nya pake

@media screen and (max-width: /* width size */) { /* Lakukan sesuatu */ }
avatar alanpryoga
@alanpryoga

32 Kontribusi 9 Poin

Dipost 7 tahun yang lalu

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

avatar iwane021
@iwane021

16 Kontribusi 9 Poin

Dipost 7 tahun yang lalu

pakai min-width: di css untuk bagian wrappernya

avatar punyaarn
@punyaarn

55 Kontribusi 16 Poin

Dipost 7 tahun yang lalu

ini gan kodenya


@media only screen and (max-width: /*atur ukuran*/){
   nama_selector {
      /*Berikan Property yang dibutuhkan*/
   }
}

Selamat Mencoba

avatar Chata
@Chata

118 Kontribusi 19 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban