使用OR 邏輯組合CSS 媒體查詢中的多個條件
在CSS 媒體查詢中,使用「OR」邏輯指定多個條件可能很有用用於定位具有不同螢幕尺寸或方面的裝置。雖然問題中提供的程式碼不正確,但有一個簡單的方法可以實現所需的結果。
要使用「OR」邏輯指定多個條件,請用逗號分隔:
@media screen and (max-width: 995px), screen and (max-height: 700px) { ... }
如https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries 的文件所述:
"逗號用於組合多個逗號分隔清單中的每個查詢都與其他查詢分開處理,因此,如果清單中的任何查詢為true,則整個媒體語句將傳回true。 。如果符合任一條件,將套用媒體查詢中指定的樣式。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3