Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Media Query CSS
Permisi agan, saya mau bertanya jika ingin mempelajari media query pada css itu awal baiknya dimulai darimana ya?
4 Jawaban:
Bisa dimulai dari nav gan, biasanya ketika diukuran tablet, navigasi detail hilangkan dan diganti dengan navigasi bars yang seperti garis tiga biji horizontal kebawah.
Ane kasi apa aja ukuran di web yg biasa dipakai programmer.
Laptop: max-width: 1366px
Tablet: max-width: 768px
Android : max-width: 425px
Iphone 5s: max-width:320px
Jikau ingin melihat lebih detail, buka chrome->tekan f12 atau klik kanan lalu buka inspect element-> disebelah kiri atas ada 2 tombol lalu pilih tombol yg bukan berbentuk cursor->pilih ukuran sesuai yg diinginkan dengan klik border browser yg ada diatas
kalau saya mencoba dalam screen seperti ini gmna ya gan ngatur menu nya ? mungkin bisa kasih contoh codenya gan, biar ane lebih memahami @mhdadil
Jawaban Terpilih
klo menrut sya pribadi, media query pd css itu ibaratkan pengkondisian seperti pd program (if else).
contoh logikanya, ketika tampil di desktop lebar elemen 1200px tapi ketika di handphone lebarnya jadi 600px.
contoh dalam kode:
element {
width: 1200px;
}
@media (max-width: 600px) {
element {
width: 600px;
}
}
coba dipelajari pada link https://www.w3schools.com/css/css3_mediaqueries.asp tersebut gan. semoga membantu