媒體查詢：iPad只有一個方向工作

我目前對一個網站有麻煩，我正在轉換爲自適應網站。出於某種原因，我只能在iPad上使用其中一種方向。如果我將風景造型設計爲ipad上的肖像造型，反之亦然。我真不明白它是什麼，我做錯了......媒體查詢：iPad只有一個方向工作

這些是我使用的媒體查詢：

@media all and (device-width : 768px) and (orientation: landscape) {} 
@media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}

下面是該網站www.imarken.dk

來源

2012-08-30 Philip Thomas Barkow

鏈接問題出在min-device-width。嘗試使用481而不是768

來源

2012-08-30 21:13:30

在這兩個查詢？ –

你可以在兩者上使用它 –

給這些一掄：

@media only screen and (device-width: 768px) { 
    /* targets iPad */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
    /* targets iPad Portrait */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { 
/* targets iPad Landscape */ 
}

來源

2012-09-03 13:57:26 iamrho

我今天有這個同樣的問題！事實證明，在元視口標記中刪除我的高度=設備高度解決了問題，並允許CSS在預期的縱向和橫向之間切換。希望這可以幫助！

來源

2013-03-19 19:05:21 chrisgonzalez

媒體查詢：iPad只有一個方向工作

回答

相關問題