移动WEB开发之 -- 流式布局

 

 

 

 

浏览器现状

 

 

 

 

 

 

 

 

视口

 

 

 

 

 

 

 

 

 

视口标签

 

 

 

 

 

 

 

 

二倍图

手机端和pc端像素比例不一样

 

物理像素&物理像素比

 

 

 

 

 

 

 

 

背景缩放background-size

 

 

 

 

背景图片二倍图

 

 

 

 

移动端开发选择

 

 

 

 

 

 

 

 

移动端技术解决方案

 

 

 

 

特殊样式

 

 

 

 

常见的移动端页面布局

 

 

移动端技术选型

 

 

 

 案例 京东移动端首页1

 

 

 

 

 

 

 

 

 

 

 

 案例 京东移动端首页2

 

 

 案例 京东移动端首页3(布局)

 

 

 

 

 案例 京东移动端首页4

 

 

案例 京东移动端首页5

 

 

 

 

 

 

案例 京东移动端首页6

搜索框

 

 

 

 

 

 

案例 京东移动端首页7

 

 

 

 

 

 

 

案例 京东移动端首页8

 

 

 

 

 

 

 

 

 

 

案例 京东移动端首页9

 

 

 

 

 

 

 

 

案例 京东移动端首页10

 

 

 

 

 

 

 

 

 

 

案例 京东移动端首页11