css3@media 兼容ios4，ios5，ios6,6plus

最新推荐文章于 2021-08-03 21:56:43 发布

zhouSty

最新推荐文章于 2021-08-03 21:56:43 发布

阅读量544

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/zw1046921704/article/details/74658265

版权

css 专栏收录该内容

1 篇文章

订阅专栏

//device-height  设备可视高度
//-webkit-min-device-pixel-ratio    是设备上物理像素和设备独立像素,设备像素比率

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
                /* 兼容iphone4/4s */
                html{}
            }
            @media (max-device-width:621px) and (-webkit-min-device-pixel-ratio:3) {
                /* 兼容iphone6p */
                html{}
            }
            @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
                /* 兼容iphone6 */
                html{}
            }

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

/*mate7*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }