（一）移动端前端开发-移动端基础

一、移动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的一个像素往往都是对应电脑屏幕的一个设备像素。
• 移动端:
  • 由于屏幕尺寸的限制，缩放是经常性的操作。
  • 缩小操作时，一个设备像素覆盖了多