媒体查询iphone 5

Question

我试图用我的媒体查询定位iphone 5并且风景中的背景没有显示出来。由于我没有视网膜显示器的任何特殊图形，我想知道我是否可以使用相同的图形与媒体查询。我如何定位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将视口渲染为设备宽度..

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

现在使用媒体查询设置横向模式的样式，对于iphone> 320px;

@media screen and (min-width: 321px){
    /*Style goes here*/
}