媒体查询仅适用于iphone 6s plus

时间:2016-02-05 14:25:55

标签: css3 responsive-design media-queries

是否存在仅针对iphone 6s plus的媒体查询。我的代码在iphone 6plus上工作正常,但iphone 6s plus有一些问题。有没有办法为iphone 6s plus编写特定的媒体查询。

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:0)

景观

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)
    and (width : 736px) 
    and (orientation : landscape) 
    and (color : 8)
    and (device-aspect-ratio : 414/736)
    and (aspect-ratio : 736/414)
    and (device-pixel-ratio : 3)
    and (-webkit-min-device-pixel-ratio : 3)
    { }

肖像

@media only screen 
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (width : 414px)
    and (height : 736px)
    and (orientation : portrait) 
    and (device-aspect-ratio : 414/736)
    and (aspect-ratio : 414/736)
    and (device-pixel-ratio : 3)
    and (-webkit-min-device-pixel-ratio : 3)
    { }

答案 1 :(得分:-1)

对于风景:

/* IPHONE 6 Plus Detection */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
    {
        /* code */
    }

肖像:

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
    and (-webkit-device-pixel-ratio : 3)
    {
        /* code */
    }