14

スマートフォンの向きとデスクトップに異なるメディア クエリを設定しようとしています。ポートレートとランドスケープをターゲットにしたいと考えています。私は、次のような他のすべてのスタック リンクを認識しています。

iPhoneの縦向き、横向き、iPadの縦向きの3つのメディアクエリのほとんどを対象とするメディアクエリ

しかし、私はまだ問題を抱えています.私のランドスケープは機能していません.これは私が使用しているコードです:

Desktop css first
   -- css for desk --

Portrait:

   @media only screen 
     and (min-device-width: 320px) 
     and (max-device-width: 479px) {

}

Landscape:

   @media only screen 
     and (min-device-width: 480px) 
     and (max-device-width: 640px) {

}

ランドスケープコードは考慮されていないようです

4

2 に答える 2

30

追加してみる

orientation : landscape

@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {

//enter code here
}

このサイトまたはこのスニペットを参照してください。

于 2013-07-03T08:34:23.470 に答える