给Chrome浏览器添加 IPhone 13、12等手机型号做兼容适配

1、圣诞将至，近期在为圣诞项目上活动，发生了下图的小问题，就写个blog。在做移动端适配时离不开的手机型号调试。

测试说有1PX的误差，但是在我的浏览器就没问题。

 2、以下是Chrome自带的一些手机型号。可以看出在2021年底的今天，可以说是非常陈旧了。

 3、接下来我们就添加新的手机型号。 先拿目前苹果系的最新机型iPhone 13为例，（我不喜欢IPhone）。

 我们要填一些想要加入的设备的信息：

1）、首先是名称可以自行命名

2）、宽、高、像素比，这三项是重要的，要模拟不同的手机本质也就是调整其宽高和像素比，所谓像素比就是我们目前市场上绝大多数手机厂商为了提高移动屏幕显示的画质，从而压缩率分辨率，大家可以浅显的就认为这是把正常PC的3px压缩至移动端的1px，这就是3倍的像素比。

为什么说浅显的这样认为就可以了呢？

因为我认为如果做是前端开发人员，当然你如果在看这篇文章，那大概率你就是名WEB前端开发者。所以，我们需要做的是专注于页面的布局，数据的呈现，前后端的交互、用户的体验上、代码的优化上。而不是深究 DPI（Dots Per Inch，每英寸点数）为什么在这个手机上是2，另一个是3，再一个