起因:交付过程中,甲方手机种类参差不齐,如何复现他们口中的显示问题
Chrome F12 先打开手机模式,打开三个点show device frame(除了rulers,其他都开),之后可直接修改上方的参数
参数解读,从左到右
1、手机型号:在设置(齿轮)的Devices中可选择展示的,默认15中机型,或直接点击下箭头中的edit
2、宽 = 屏幕物理像素/设备像素比
3、长 = 屏幕物理像素/设备像素比
4、显示比例
5、设备像素比:160ppi是一个标准像素
6、设备种类:Mobile、Desktop
以下两个值可以查到(手机官方介绍,或者百度手机参数):P30为例
分辨率:2340x1080
像素密度:422PPI
以下的值需要计算:
设备像素比 = 422PPI/160PPI ≈ 2.63
宽 = 屏幕物理像素/设备像素比 = 2340/2.63 ≈ 410
长 = 屏幕物理像素/设备像素比 = 1080/2.63 ≈ 890