是否有任何媒体查询只定位iPhone 6S加。我的代码在iPhone 6plus上运行良好,但iphone 6s plus中存在一些问题。有什么办法可以为iPhone 6s plus编写特定的媒体查询。媒体查询为iPhone 6S加
任何帮助,将不胜感激。
是否有任何媒体查询只定位iPhone 6S加。我的代码在iPhone 6plus上运行良好,但iphone 6s plus中存在一些问题。有什么办法可以为iPhone 6s plus编写特定的媒体查询。媒体查询为iPhone 6S加
任何帮助,将不胜感激。
对于景观:
/* 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 */
}
欢迎堆栈溢出!虽然这个代码片断是值得欢迎的,并可以提供一些帮助,这将是[大大改善,如果它包含一个解释]的(// 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)
{ }
你能甚至将和版本的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