2019-05-25 移动端简单介绍

移动端一行多列一般用

弹性布局flex

rem布局：font size of the root element

性能

网络环境

流量问题

图片的适配与压缩

移动端开发的优势：就是兼容性更好
移动端开发的劣势：目前来说，大多数移动Web应用使用的手势相对比较简单，主要还是单指手势，目前设备类型特别多，移动端的适配比较难处理。

手机设备几个基础词汇：

物理像素

就是手机的尺寸，手机屏幕的分辨率

设备独立像素

与设备无关的逻辑像素（逻辑分辨率），虚拟的像素。
比如css像素。

设备像素比DRP

DRP=物理像素/设备独立像素；

像素的密度PPI

表示每英寸所包含的像素数目，数值越高，说明屏幕能以更高密度显示图像。

PPI计算公式

viewport属性

移动端的视口。指设备的屏幕上能用来显示网页的区域。

width

设置layout viewport的宽度，值为一个正整数，或字符串“device-width”
width=device-width是指让（布局窗口）等于当前设备的宽度

height

设置layout viewport的高度，这个很少用

initial-scale

设置页面的初始缩放值，是一个数字可以带小数

minimum-scale

设置页面最小缩放值，值为一个数字，可以是小数

maximum-scale

设置页面最大缩放值，值为一个数字，可以是小数

user-scalable

是否允许用户进行缩放，值为"no"或"yes"

CSS度量单位

PX

REM

EM

VM/VH

VMIN/VMAX

浏览器分布

安卓

ios

国产友商

微信