移动端基础

1.1 游览器现状

pc端常见游览器

• 360游览器
• 谷歌游览器
• 火狐游览器
• qq游览器
• 百度游览器
• 搜狗游览器
• IE游览器

移动端常见游览器

• uc游览器
• qq游览器
• 欧朋游览器
• 百度手机游览器
• 360安全游览器
• 谷歌游览器
• 搜狗游览器
• 猎豹游览器
• 等等

总结：兼容移动端主流游览器，处理webkit内核游览器即可

1.2 手机屏幕现状

• 移动端设备屏幕尺寸非常多

• 安卓设备的多种分辨率

  • 480*800
  • 480*854
  • 540*960
  • 720*1280
  • 1080*1920
  • 2k
  • 4k

• ios也越来越多

  • 640*960
  • 640*1136
  • 750*1334
  • 1242*2208

• 我们常用px就行

1.3 手机屏幕常见尺寸

前端无需关注太多

1.4 移动端调试方法

• 谷歌游览器的模拟手机调试
• 搭建本地web服务器，通过同一个局域网使用手机访问服务器
• 使用外网服务器，直接ip域名访问

小结：

• 移动端游览器我们主要对webkit内核进行兼容
• 我们现在开发的移动端主要针对手机端开发
• 现在移动端碎片化严重，分辨率和屏幕尺寸大小不一
• 学会用谷歌游览器模拟手机界面以及调试