CSS Layar Besar

1. Bagaimana cara mendapatkan ukuran layar di CSS?
2. Apa itu layar media dan max-width 600px?
3. Apa itu layar hanya media di CSS?

Bagaimana cara mendapatkan ukuran layar di CSS?

Gunakan jendela. Innerwidth dan Window. InnerHeight untuk mendapatkan ukuran layar saat ini dari sebuah halaman.

Apa itu layar media dan max-width 600px?

@media Only Screen dan (Max-Width: 600px) ... Apa arti kueri ini, adalah "jika [lebar perangkat] kurang dari atau sama dengan 600px, maka lakukan ..." jadi jika email dibuka pada iPhone 5s dengan lebar layar 320px, kueri media akan memicu Dan semua gaya yang terkandung dalam ... akan berlaku.

Apa itu layar hanya media di CSS?

Hanya: Satu -satunya kata kunci mencegah browser lama yang tidak mendukung permintaan media dengan fitur media dari menerapkan gaya yang ditentukan. Itu tidak berpengaruh pada browser modern. dan: kata kunci dan menggabungkan fitur media dengan jenis media atau fitur media lainnya. Mereka semua opsional.