Standard CSS3 Media Queries

Hallo teman-teman apa kabar, tetap semangat ya belajarnya.. Hari ini saya akan membahas tentang Media Queries. Media Queries merupakan modul CSS3 yang berfungsi untuk mengubah atau mengadaptasi konten halaman website sesuai dengan ukuran device atau layar dengan cara memberikan perbedaan pada perintah stylesheet,

Pengaturan Media Queries inilah yang membuat website menjadi responsive.  Mungkin teman-teman masih bingung  atau tidak mengetahui apa saja ukuran device dari Media Queries. Lewat tutorial ini saya akan memberikan suatu ketetapan dalam penulisan media queries agar tidak terjadi kesalahan dalam pembuatan website responsive. Media Queries memiliki standard penulisan dan ukuran dapat kita lihat seperti berikut :

Perhatikan kode diatas, kita dapat mengatur semua style sesuai dengan device yang diinginkan dengan mudah dan kode ini sangat bermanfaat bagi teman-teman dalam menentukan target layar untuk sebuah website. Teman-teman tidak perlu khawatir lagi karena teman-teman dapat mendownload Mudul Media Queries diatas.

Demikian tutorial ini semoga bermanfaat dan Selamat Mencoba. Terimakasih.

DOWNLOAD