Bootstrap iPhone 5横向方向媒体查询不起作用

Question

我正在尝试做一些比自举标准媒体查询更详细的自定义。这是我用来定位iPhone 5 Landscape Orientation浏览器的代码：

/* iPhone 5 in landscape -----------*/
@media only screen and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : landscape) {
                                body {
                                        background-color:khaki;
                                     }
}

但它不起作用！你能告诉我我做错了吗？

Answer 1

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)

来自：http://cssmediaqueries.com/target/