起因:交付過程中,甲方手機種類參差不齊,如何復現他們口中的顯示問題
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