chrome瀏覽器模擬手機


起因:交付過程中,甲方手機種類參差不齊,如何復現他們口中的顯示問題

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM