iphoneX、iPhone12尺寸_苹果12 devicepixelratio-程序员宅基地

技术标签: vue  ios  javascript  

iphoneX、iPhone12尺寸

1、iPhone 12:2532 x 1170像素分辨率,460 PPI ; 844 * 390;devicePixelRatio:3

2、iPhone 12 mini:2340 x 1080 像素分辨率,476 PPI ;812 * 375;devicePixelRatio:3

3、iPhone 12 Pro:2532 x 1170 像素分辨率,460 PPI ;844 * 390;devicePixelRatio:3 6.1 英寸

4、iPhone 12 Pro Max:2778 x 1284 像素分辨率,458 PPI ;926 *428;devicePixelRatio:3 6.7英寸

5、iPhone X、iPhone XS、iPhone 12 mini: 2436 x 1125 像素分辨率,458 ppi 812 * 375 3倍图
6、iPhone XS Max: 2688 x 1242 像素分辨率,458 ppi 414896 3倍图
7、iPhone XR: 1792 x 828 像素分辨率,326 ppi 414
896 2倍图
8、iphone11 pro Max : 2688 x 1242 像素分辨率,458 ppi
9、iphone11 pro:2436 x 1125 像素分辨率,458 ppi

isIOS:


  return /iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());

isIphoneX:


  let hasUaOrDpr =
    /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio;
  // iPhone X、iPhone XS、iPhone 12 mini
  let isIPhoneX =   hasUaOrDpr &&  window.devicePixelRatio === 3 &&  window.screen.width === 375 &&  window.screen.height === 812;
  // iPhone XS Max
  let isIPhoneXSMax =
    hasUaOrDpr &&
    window.devicePixelRatio === 3 &&
    window.screen.width === 414 &&
    window.screen.height === 896;
  // iPhone XR
  let isIPhoneXR =
    hasUaOrDpr &&
    window.devicePixelRatio === 2 &&
    window.screen.width === 414 &&
    window.screen.height === 896;

  // iPhone 12、iPhone 12pro
  let isIPhone12 =
    hasUaOrDpr &&
    window.devicePixelRatio === 3 &&
    window.screen.width === 390 &&
    window.screen.height === 844;
  // iPhone 12 Pro Max
  let isIPhone12ProMax =
    hasUaOrDpr &&
    window.devicePixelRatio === 3 &&
    window.screen.width === 428 &&
    window.screen.height === 926;
  return (
    isIPhoneX || isIPhoneXSMax || isIPhoneXR || isIPhone12 || isIPhone12ProMax
  );

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44315181/article/details/112052181

智能推荐

OCR-Python-Opencv一种基于坐标投影的图片旋转矫正方法_投影矫正算法-程序员宅基地

文章浏览阅读3.5k次,点赞4次,收藏39次。由于最近公司业务需要使用OCR功能,所以我不得不研究Opencv这个图像库,进行OCR功能前期的图像处理工作,二值化、灰度化什么的都非常简单这里就不过多讲述,下面记录我自己受到启发自己实现的一种基于坐标投影的图片矫正算法,其实思路非常简单,大神勿喷,再次做一个小分享也算是我自己对该方面知识的一个总结和整理。ps:该算法适合旋转角度不大,在-35~35度的旋转角矫正,具备一定抗干扰能力(当然也不..._投影矫正算法

Pytorch、Tensorflow、Keras 框架下实现KNN算法(MNIST数据集)附详解代码_knn pytorch-程序员宅基地

文章浏览阅读4k次,点赞7次,收藏26次。Pytorch、Tensorflow、Keras框架下实现KNN算法(MNIST数据集)附详解代码K最近邻法(KNN)是最常见的监督分类算法,其中根据K值的不同取值,模型会有不一样的效率,但是并不是k值越大或者越小,模型效率越高,而是根据数据集的不同,使用交叉验证,得出最优K值。Python—KNN分类算法(详解)欧式距离的快捷计算方法基于Pytorch实现KNN算法:#****************************************************************_knn pytorch

Android EditText输入框的使用(很详细很基础)-程序员宅基地

文章浏览阅读5.7k次,点赞6次,收藏11次。关于Android手机的各类输入框,在编辑多行文本,文本块,统一使用的是EditText,这也是我们使用的最多的常用控件之一,在此做一个简单的总结。一、基础属性首先,EditText作为一个控件,他是继承于View的,所以他具有View的很多属性及方法。当然,现在出了个AppCompatEditText,它是继承于EditText的,加了一些外观的处理,其余的用法那些一模一样。在写Xml界面时,我们可以通过Android:,tools:,自定义属性等等为其定义各种属性。这些属性可以确定他的.._android edittext

【EDA】Electric VLSI Design System(芯片设计软件): 介绍_electric芯片设计-程序员宅基地

文章浏览阅读2.9k次。http://savannah.gnu.org/projects/electricThis project is part of the GNU Project.A circuit design system for IC layout, schematics, hardware description languages, and more.Registration Date: Fri 06 Apr 2001 02:32:31 AM UTCLicense:GNU General Pub._electric芯片设计

元心科技分享:Gstreamer 初探 (五) (GTK+)_gstreamer画界面必须在主线程吗-程序员宅基地

文章浏览阅读885次。Gstreamer 初探 (五)(GTK+)本次教程我们介绍将Gstreamer集成到GTK+中的操作详解,基本上Gstreamer负责媒体流的处理,用户交互的部分留给GTK+来处理,最有趣的部分是Gstreamer如何将视频输出到Gtk+的窗口,而Gtk+将用户操作转发到Gstreamer进行控制通过这次课程,请留意以下内容:如何将Gstreamer的视频输出到指定的窗口(而不是让其创建自己的窗口)如何将Gstreamer的信息在界面上进行刷新如何从Gstreamer的多个线程中更新界面如_gstreamer画界面必须在主线程吗

三维GIS显示中,利用太阳高度角和方位角计算光照_太阳方位角与高度角对应光线向量-程序员宅基地

文章浏览阅读4k次。三维GIS显示中,利用太阳高度角和方位角计算光照利用【太阳方位角】和【太阳高度角】进行光照计算的时候,需要注意:– 1、 坐标系是球坐标系,具体正方向如下图所示:极坐标公式:x=rsinθcosφ.y=rsinθsinφ.z=rcosθ.φ:由x轴出发,逆时针旋转到地物方位所得的角度;θ:由z轴出发,顺时针旋转到地物方位所得的角度;– 2、太阳高度角和方位角正方向表示:太阳高..._太阳方位角与高度角对应光线向量

随便推点

Linux meld安装-程序员宅基地

文章浏览阅读8.3k次。ubuntu下meld的安装方法_linux meld安装

VC笔记 unicode、ascii、16进制bytedata 互转_vc asc to unicode-程序员宅基地

文章浏览阅读2.2k次。1、如何创建unicode 项目选择“Project->Setting”菜单 (1)选 Win32 Unicode Debug :切换到“c/C++ ” Tab页 从下拉列表框中选择 “Preprocessor” ,去掉_MBCS,添加UNICODE,_UNICODE(注意逗号隔开) ,如果是MFC程序,还要在link中,Category选output,将Entry-Poi_vc asc to unicode

解决Mysql Workbench突然无法使用的问题_workbench无法确定是否存在环境链接,环境对象无效-程序员宅基地

文章浏览阅读2.9k次。右击我的电脑——》管理——》服务和应用程序——》服务——》Mysql——》双击选择启动\_workbench无法确定是否存在环境链接,环境对象无效

Apache Oozie Installation-程序员宅基地

文章浏览阅读95次。oozie就是一个workflow协调系统,主要用来管理Hadoop作业(job)。属于web应用程序,由oozie client和oozie server两个组件构成。oozie server运行于java servlet容器(tomcat)中的web程序。由于使用HUE需要oozie的支持,所以先介绍oozie的安装配置,后续增加HUE的安装配置文档。1、环境介绍前期已配置好Hadoop集群服..._apache oozie 安装包

Jittor 深度学习框架入门(pytorch转换)、对比_jittor和pytorch哪个好-程序员宅基地

文章浏览阅读2.1k次。1.PyTorch是一个开源的Python机器学习库,基于Torch,用于自然语言处理等应用程序。中文网站:https://pytorch-cn.readthedocs.io/zh/latest/2.NumPy(Numerical Python)是Python的一种开源的数值计算扩展。这种工具可用来存储和处理大型矩阵,比Python自身的嵌套列表(nested list structure)结构要高效的多(该结构也可以用来表示矩阵(matrix)),支持大量的维度数组与矩阵运算,此外也针对数组运_jittor和pytorch哪个好

postman测试接口成功,实际发请求时失败_postman成功,云效接口自动执行失败-程序员宅基地

文章浏览阅读5.9k次,点赞2次,收藏3次。postman测试接口成功,实际发请求时失败,当遇到这个问题的时候,你需要关注一下两次携带的数据是否相同,有可能是因为格式的不同导致的,我最近也遇到了这个问题,因为postman测试的sh_postman成功,云效接口自动执行失败

推荐文章

热门文章

相关标签