2016-02-05 61 views
0

是否有任何媒体查询只定位iPhone 6S加。我的代码在iPhone 6plus上运行良好,但iphone 6s plus中存在一些问题。有什么办法可以为iPhone 6s plus编写特定的媒体查询。媒体查询为iPhone 6S加

任何帮助,将不胜感激。

+0

你能甚至将和版本的iPhone/iPod的不是一个版本的iOS(7.x中,8.x和/或9.x中)的?否则,它是更好地检测功能的浏览器不或者更糟设备(Modernizr的救援!)或有些文件从http://browserhacks.com黑客(他们与PostCSS工作的CSS的)。最坏的情况下[UA检测(https://developer.mozilla.org/en-US/docs/Browser_detection_using_the_user_agent) – FelipeAls

+0

嘿这里媒体链接问我想:http://stackoverflow.com/questions/25759046/iphone-6-and -6加媒体查询 – Mat

回答

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

欢迎堆栈溢出!虽然这个代码片断是值得欢迎的,并可以提供一些帮助,这将是[大大改善,如果它包含一个解释]的(// meta.stackexchange.com/q/114762)*如何*和* *为什么这个问题解决了。请记住,你正在为将来的读者回答这个问题,而不仅仅是现在问的人!请编辑您的答案以添加解释,并指出适用的限制和假设。 –

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) 
    { }