桌面和iPad橫向混合媒體查詢

Question

我正在嘗試設置媒體查詢，它將使用與1024px或更多視口的桌面瀏覽器以及橫向模式下的iPad相同的樣式表。

@media only screen and (min-width: 1024px) 

對於縱向模式下的iPad和手機，我們有一個不同的樣式表可以加載。

發生什麼事是桌面顯示正常，但iPad生成空白頁面，因爲桌面媒體查詢未被識別。但是，縱向和電話版本的媒體查詢也未註冊。

我試過各種組合，如 @media only screen and (min-device-width: 481px) and (max-device-height: 1024px) and (orientation:landscape), only screen and (min-width: 1024px) 但沒有任何工作。

什麼是祕密公式？

感謝，

TY

Answer 1

這似乎已經完成了招：

@media only screen and (min-width: 1024px), 
@media only screen and (device-width: 768px) and (orientation: landscape) 

很顯然，我是缺少@media的第二條規則。

現在的問題是SASS不會渲染它。我收到以下錯誤：

Syntax error: Invalid CSS after "...width: 1024px),": expected media query (e.g. print, screen, print and screen), was "@media only scr..."