!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

CSS判断iphoneX、iphoneXs、iphoneXs Max、iphone XR - CSS笔记

通过CSS判断iphoneX、iphoneXs、iphoneXs Max、iphone XR设备

iphoneX、iphoneXs、iphoneXs Max、iphone XR 都是3倍屏,宽度到是不大,但高是真高啊!

/* 兼容iphone6plus、iphone7plus、iphone8plus*/
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
    
}
/*iphoneX、iphoneXs*/
/*即: 设备屏幕可见宽度为375px, 可见高度为812px及设备像素比为3*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    
}
 

/*iphone Xs Max*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
    
}

/*iphone XR*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
    
}
cssWP区块

hover浮出效果 - CSS笔记

2020-9-27 0:30:00

css

有趣的心跳特效 - CSS笔记

2020-11-7 21:09:06

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索