移动Web页面开发

一：移动前端概述
1.移动行业的现状

• 浏览器种类繁多，参差不齐
• 网速影响性能
• 多框架造成高门槛

2.移动网页开发与PC网页开发的区别

---

二：移动端浏览器类型
1.内置浏览器
由系统厂商开发，无法单独升级，如需升级必须升级系统

2.可下载浏览器
只要出现新的版本就可以跟心，所以最新的和最棒的功能往往最先出现在可下载浏览器上面。
3.代理浏览器

4.WebView
WebView是留在原生应用的一个操作系统浏览器接口，WebView是独立程序，用了内置浏览的很多底层的组件，例如微信中点击网页链接，客户端会调用平台的WebView来显示一个网页。

---

三：移动开发测试环境
移动端浏览器内核
通过谷歌浏览器可以测试不同型号，不同分辨率，及不同操作系统中的网页。


其实，在实际开发中不可能同时需要这么多项测试，一般变换型号，网络，分辨率即可。

---

四：移动端像素

---

五：移动端视口

语法：

<meta name="device" content="width=device-width">

meta标签的语法规则

meta视口标签的使用

---

六：移动网页开发

使用相对长度单位em布局网页内容


通过相对长度单位rem布局网页的内容