移动端的适配问题 主要有以下几个
1.1px问题
2.UI图完美适配方案
3.iPhoneX适配访问
4.横屏适配
5.高清屏图片模糊问题
像素,分辨率,PPI,DPI,DP,DIP,DPR,视口等概念
1.英寸
一般用英寸描述屏幕的物理大小,例如电脑的17,22英寸,手机显示的4.8,5.7英寸等。
需要注意,上面的尺寸是屏幕对角线的长度
1英寸 = 2.54厘米
2.分辨率
像素即一个小方块,具有特定的位置和颜色。
图片,电子屏幕等就是由无数个具有特定位置的小方块组成的。
2.2 屏幕分辨率
一个屏幕具体由多少个像素点组成
iphone xs max 为2688 1242
iphone se 为 1136 640
2.3 图像分辨率
图像分辨率也指图片含有的像素数
2.4 PPI
PPI指的是每英寸包括的像素数
PPI可以用于描述屏幕的清晰度以及一张图片的质量。
使用PPI描述时,PPI越高,图片质量越高。
超链接
常用有flexible布局,媒体查询和vw,vh方案