媒體查詢爲iPhone 6S加

是否有任何媒體查詢只定位iPhone 6S加。我的代碼在iPhone 6plus上運行良好，但iphone 6s plus中存在一些問題。有什麼辦法可以爲iPhone 6s plus編寫特定的媒體查詢。媒體查詢爲iPhone 6S加

任何幫助，將不勝感激。

2016-02-05 Mukeysh

你能甚至將和版本的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

嘿這裏媒體鏈接問我想：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 */ 
    }

來源

2017-02-10 12:36:26 AB93

歡迎堆棧溢出！雖然這個代碼片斷是值得歡迎的，並可以提供一些幫助，這將是[大大改善，如果它包含一個解釋]的（// meta.stackexchange.com/q/114762）*如何*和* *爲什麼這個問題解決了。請記住，你正在爲將來的讀者回答這個問題，而不僅僅是現在問的人！請編輯您的答案以添加解釋，並指出適用的限制和假設。 –

對於景觀

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

來源

2017-02-10 12:48:32

媒體查詢爲iPhone 6S加

回答

相關問題