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

 

 

 

 

浏览器现状

 

 

 

 

 

 

 

 

视口

 

 

 

 

 

 

 

 

 

视口标签

 

 

 

 

 

 

 

 

二倍图

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

 

物理像素&物理像素比

 

 

 

 

 

 

 

 

背景缩放background-size

 

 

 

 

背景图片二倍图

 

 

 

 

移动端开发选择

 

 

 

 

 

 

 

 

移动端技术解决方案

 

 

 

 

特殊样式

 

 

 

 

常见的移动端页面布局

 

 

移动端技术选型

 

 

 

 案例 京东移动端首页1

 

 

 

 

 

 

 

 

 

 

 

 案例 京东移动端首页2

 

 

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

 

 

 

 

 案例 京东移动端首页4

 

 

案例 京东移动端首页5

 

 

 

 

 

 

案例 京东移动端首页6

搜索框

 

 

 

 

 

 

案例 京东移动端首页7

 

 

 

 

 

 

 

案例 京东移动端首页8

 

 

 

 

 

 

 

 

 

 

案例 京东移动端首页9

 

 

 

 

 

 

 

 

案例 京东移动端首页10

 

 

 

 

 

 

 

 

 

 

案例 京东移动端首页11

 

posted @ 2020-01-22 23:31  Mr_Riven  阅读(198)  评论(0)  编辑  收藏  举报