iphone - iphone 5 的媒体查询

Question

我试图用我的媒体查询定位到 iphone 5，但横向背景没有显示。由于我没有任何用于 Retina 显示器的特殊图形，我想知道是否可以对所有媒体查询使用相同的图形。我如何定位 iPhone 5 横向？

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

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

Answer 1

使用元标记强制 iPhone 将视口(viewport)呈现为设备宽度..

<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*/
}