# 016: Menggunakan Pertanyaan Media di Sass - Trik CSS

Isi kandungan

Kami memperkenalkan konsep @mediapertanyaan dalam CSS.

Banyak yang menggunakan Sass pada projek ini yang membolehkan kita lakukan adalah tetap KERING (jangan mengulanginya sendiri). Kami melakukan perubahan warna dan ukuran. Kami melakukannya dengan timbunan fon kami. Sekarang kita melakukannya lagi dengan pertanyaan media. Bila-bila masa kita memerlukan pertanyaan media, kita sekarang mempunyai @mixin yang boleh kita gunakan. Dengan cara itu jika kita perlu menyesuaikannya, kita dapat mengubahnya hanya di satu tempat.

Daripada menamakan pertanyaan pertanyaan media kami seperti "iPad" atau sesuatu yang terlalu spesifik seperti itu, kami hanya akan menggunakan beberapa nama sewenang-wenangnya tetapi dapat difahami seperti "Baby Bear" dan "Papa Bear".

Kami mulakan dengan skrin lebar, kemudian sempitkan sehingga navigasi kelihatan tidak baik, dan itulah jeda pertanyaan media pertama kami. Pada ketika itu kita membahagikan navigasi menjadi dua baris empat bukannya satu baris lapan. Kita harus menyesuaikan bayangan agar kelihatan betul.

Kami juga menyesuaikan lebar pembungkus halaman pada pertanyaan media tertentu, yang bermaksud kita perlu mengubah cara logo berfungsi juga.

Artikel menarik...