- 移动端基础
- 视口
- 二倍图
- 移动端调试
- 移动端技术解决方案
- 移动端常见布局
- 移动端开发之流式布局
- 京东移动端首页制作
1.1 浏览器现状
- PC端常见浏览器:
360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器 - 移动端常见浏览器
UC浏览器、QQ浏览器、欧鹏浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器
移动端浏览器发展较晚,技术较新,对新技术兼容性较好。
国内的UC和QQ、百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。
总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。
1.2 手机屏幕现状
- 移动端设备屏幕尺寸非常多,碎片化严重
- Android设备有多种分辨率
- iphone的碎片化也加剧了
- 作为开发者无需关注这些分辨率,因为我们常用二点尺寸单位是px。
1.3 常用移动端屏幕尺寸
1.4 移动端调试方法
- Chrome DevTools(谷歌浏览器)的模拟手机调试
- 搭建本地web服务器,手机和服务器一个局域网内,通过手机访问服务器
- 使用外网服务器,直接IP或域名访问