JS/CSS判断是不是iphoneX？

最新推荐文章于 2024-07-25 10:17:41 发布

wcy7916

最新推荐文章于 2024-07-25 10:17:41 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS javascript 文章标签： iphoneX

本文链接：https://blog.youkuaiyun.com/wcy7916/article/details/83348192

javascript 同时被 2 个专栏收录

27 篇文章

订阅专栏

CSS

21 篇文章

订阅专栏

本文介绍了一种使用JS和CSS来判断设备是否为iPhoneX的方法。通过检查navigator.userAgent和屏幕尺寸，可以准确识别设备。在CSS中，利用@media查询实现响应式布局调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js判断

  if (/iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)) {
           //是iphoneX
   } else {
          //不是iphoneX
   }

CSS判断：

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .purchaseDiv, .closeBookList, .BottomProgress {
        bottom: 34px !important;
    }

}