1

メディアクエリでiphone5をターゲットにしようとしましたが、横向きの背景が表示されません。Retinaディスプレイ用の特別なグラフィックがないので、メディアクエリですべてに同じグラフィックを使用できるかどうかを確認したいと思いました。iPhone 5の横向きをターゲットにするにはどうすればよいですか？

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

  #homepage{ 
     background: url('images/480x320_Horizontal.jpg') no-repeat fixed #00314d;
   }
}
4

1 に答える 1

2

メタタグを使用して、iPhoneにビューポートをデバイス幅としてレンダリングさせます。

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

そして今度はメディアクエリを使用して、320pxを超えるiphoneの横向きモードのスタイルを設定します。

@media screen and (min-width: 321px){
    /*Style goes here*/
}
于 2012-12-12T15:06:50.587 に答える