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

本文讲述了在前端开发中遇到的移动端适配问题,特别是关于Chrome浏览器内置手机型号陈旧的问题。作者介绍了如何手动添加iPhone 13等新设备进行兼容性测试,包括设置设备名称、宽高像素比和用户代理字符串,以确保更精确的移动适配调试。

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

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

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

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

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

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

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

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

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

因为我认为如果做是前端开发人员,当然你如果在看这篇文章ÿ

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值