xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

mobile app & ppi & dpi & px

How do dp, dip, dpi, ppi, pixels and inches relate?

https://stackoverflow.com/questions/8478882/how-do-dp-dip-dpi-ppi-pixels-and-inches-relate

What is the difference between “px”, “dip”, “dp” and “sp”?

https://stackoverflow.com/questions/2025282/what-is-the-difference-between-px-dip-dp-and-sp

DPI、PPI、DP、PX 的详细计算方法及算法来源是什么?

https://www.zhihu.com/question/21220154

https://blog.csdn.net/xx326664162/article/details/48007855

Android Pixel Calculator

http://angrytools.com/android/pixelcalc/

Honor 9

Honor 9 1920x1080 428ppi 5.15 360dp ???

https://product.pconline.com.cn/mobile/honor/719579_detail.html

华为 P9 1920x1080 424 5.2 360dp

https://juejin.im/post/5bc0133f6fb9a05cd31ede40

PPI

viewport


ppi=√(width^2+height^2)/?

// ? = device size inch(对角线长度)

PPI: pixels per inch

ppi计算方法很简单,用长跟高的像素数计算出对角方向的像素数,然后再用对角的像素数除以屏幕尺寸就是ppi

(计算屏幕对角线的像素数)

https://www.cnblogs.com/YaoJianXun/p/6491959.html

移动web开发必备知识

https://www.cnblogs.com/xgqfrms/p/5820112.html


Android 手机适配 & 解决方案

https://juejin.im/post/5ae32bac518825671a638405

https://juejin.im/post/5ae9cc3a5188253dc612842b

https://blankj.com/2018/07/30/easy-adapt-screen/

https://blog.csdn.net/zhaokaiqiang1992/article/details/45419023

https://www.jianshu.com/p/ec5a1a30694b


pixel to point

iphone 375x667

https://developer.apple.com/library/archive/documentation/DeviceInformation/Reference/iOSDeviceCompatibility/Displays/Displays.html

iphone 8 plus

https://www.apple.com/cn/iphone-8/specs/

UI

750 px & 100px = 1rem

16px = 1rem => 10px = 1rem => 100px = 1rem


font-size: calc(62.5% * 10);


原文地址:https://www.cnblogs.com/xgqfrms/p/11090568.html