文章目录
一、移动web
- 运行在移动设备上的产品。
- 适配平台:
- 安卓
- IOS
二、H5运行环境分类
- 移动端浏览器
- 原生APP的webview中(hyBrid模式)
- 开发的H5页面镶嵌入到app的webview中显示。
三、移动端屏幕
1. PPI
代表屏幕每英寸的像素数量,即像素密度。
高PPI屏幕显示的元素会比较精细(看起来会比较小),低PPI屏幕显示的元素相对来说就比较粗糙(看起来会比较大)。
2. 像素分类
设备像素(device independent pixels):设备屏幕的物理像素,任何设备的物理像素的数量都是固定的。
CSS像素(CSS pixels):又称逻辑像素,是为web开发者创造的,在CSS和Javascript中使用的一个抽象的层。
3. 屏幕缩放
- PC端:CSS的一个像素往往都是对应电脑屏幕的一个设备像素。
- 移动端:
- 由于屏幕尺寸的限制,缩放是经常性的操作。
- 缩小操作时,一个设备像素覆盖了多