苹果各机型的多终端@media适配方法

使用device-aspect-ratio,宽高比最方便
 
/* iPhone6/7/8 */
@media (device-aspect-ratio: 375/667) {
/* 自定义提示点 */
    .radius {
        display: flex;
    }
}


/* iPhone6/7/8 Plus*/
@media (device-aspect-ratio: 414/736) {
/* 自定义提示点 */
    .radius {
        display: flex;
    }
}

 

 

posted @ 2022-03-08 16:14  Magi黄元  阅读(152)  评论(0编辑  收藏  举报