移动端web开发流式布局

  • 移动端基础
  • 视口
  • 二倍图
  • 移动端调试
  • 移动端技术解决方案
  • 移动端常见布局
  • 移动端开发之流式布局
  • 京东移动端首页制作

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或域名访问
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容