★文章内容学习来源：拉勾教育大前端就业集训营
- 之前三篇讲解了静态网页pc端开发思路及技巧：
【51】静态网页开发(1)——基础
【52】静态网页开发(2)——常见技巧与方法
【53】静态网页开发(3)——首页index.html结构布局技巧 - 接下来讲解移动端开发思路，一样是不涉及Java Script的，仅仅用CSS和HTML实现页面效果。
本篇目录：
- 浏览器现状
- 手机屏幕现状
- 移动端调试方法
- 总结
一、浏览器现状
PC端常见浏览器：
浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器、百度浏览器、搜狗浏览器、IE浏览器。
移动端常见浏览器：
UC浏览器，QQ浏览器，欧朋浏览器，百度手机 360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器，猎豹浏览器，以及其他杂牌浏览器。
内核情况：
国内的 UC 和 QQ，百度等手机浏览器都是根据 Webkit 修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于 Android 修改开发的一样。
总结
兼容移动端主流浏览器，处理 Webkit 内核浏览器即可。
二、手机屏幕现状
移动端设备屏幕尺寸非常多，碎片化严重
Android 设备有多种分辨率∶480x800，480x854，540x960，720x1280，1080x1920等，还有传说中的 2K，4k屏。
近年来 iPhone 的碎片化也加剧了，其设备的主要分辨率有∶ 640x960，640x1136， 750x1334， 1242x2208 等。
作为开发者无需关注这些分辨率，因为我们常用的尺寸单位是 px。
常见移动端尺寸：
三、移动端调试方法
- Chrome DeVTools（谷歌浏览器）的模拟手机调试；
- 搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器；
- 使用外网服务器，直接IP或域名访问
四 、总结
- 移动端浏览器我们主要对 webkit 内核进行兼容；
- 我们现在开发的移动端主要针对手机端开发
- 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一；
- 学会用谷歌浏览器模拟手机界面以及调试
下篇继续：【55】移动WEB开发(2)——视口