Question

我需要查询移动iPhone 5和galaxy S4风景视图......

她是我的代码，但这里有些不妥。

    @media 
(max-width : 800px){
// style

@media 
 (max-width : 360px){  
//style

在分辨率360上，evrything还可以，我需要输入景观视图。

这是EXAMPLE

Answer 1

来自this site：

iPhone 5横向

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) 
{ 
   /* STYLES GO HERE */
}

三星Galaxy S4 Landscape（来自here）

@media screen (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
  and (device-width: 1920px)
  and (orientation: landscape) {
  /* Your styles here */
}

Answer 2

对iPhone 5使用device-aspect-ratio - 它没有16：9的宽高比。实际上是40:71。

仅限iPhone 5：

@media screen and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    /*style here*/
}

仅限Galaxy S4：

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    /*style here*/
}

横向视图的媒体查询

2 个答案: