移动web开发之流式布局

01.移动端基础

1.1浏览器现状

1.2手机屏幕现状

1.3常见移动端屏幕尺寸

1.4移动端调试方法

1.5总结

02.视口

2.1布局视口 layout viewport

2.2视觉视口 visual viewport

2.3理想视口 ideal viewport

2.4总结

2.5 meta视口标签


2.6标准的viewport设置

03.二倍图

3.1物理像素&物理像素比

3.2多倍图



3.3背景缩放background-size

3.4多倍图切图cutterman

04.移动端开发选择

4.1移动端主流方案

4.2单独移动端页面(主流)

4.3响应式兼容PC移动端

4.4总结

05.移动端技术解决方案

5.1移动端浏览器

5.2 CSS初始化 normalize.css

5.3 CSS3盒子模型box-sizing

5.4特殊样式

06.移动端常见布局

6.1流式布局(百分比布局)


案例:京东移动端首页