Bagaimanakah Saya Boleh Menggunakan Logik 'ATAU' untuk Menggabungkan Pelbagai Keadaan dalam Pertanyaan Media CSS?

Menggabungkan Berbilang Syarat dalam Pertanyaan Media CSS dengan Logik OR

Dalam pertanyaan media CSS, menyatakan berbilang syarat menggunakan logik "ATAU" boleh berguna untuk menyasarkan peranti dengan saiz atau aspek skrin yang berbeza. Walaupun kod yang diberikan dalam soalan tidak betul, terdapat kaedah mudah untuk mencapai hasil yang diingini.

Untuk menentukan berbilang syarat dengan logik "ATAU", pisahkan dengan koma:

@media screen and (max-width: 995px), screen and (max-height: 700px) {
  ...
}

Seperti yang dijelaskan dalam dokumentasi di https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries:

"Koma digunakan untuk menggabungkan berbilang pertanyaan media menjadi satu peraturan. Setiap pertanyaan dalam koma- senarai yang dipisahkan dilayan secara berasingan daripada yang lain Oleh itu, jika mana-mana pertanyaan dalam senarai adalah benar, keseluruhan kenyataan media akan kembali benar berkelakuan seperti logik atau pengendali."

Menggunakan pendekatan ini, pertanyaan media menyemak sama ada lebar skrin kurang daripada atau sama dengan 995 piksel atau jika ketinggian skrin kurang daripada atau sama dengan 700 piksel. Jika mana-mana syarat dipenuhi, gaya yang dinyatakan dalam pertanyaan media akan digunakan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Logik 'ATAU' untuk Menggabungkan Pelbagai Keadaan dalam Pertanyaan Media CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!