移动WEB开发之流式布局

Posted Mr Riven

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动WEB开发之流式布局相关的知识,希望对你有一定的参考价值。

 

 

 

 

浏览器现状

 

 

 

 

 

 

 

 

视口

 

 

 

 

 

 

 

 

 

视口标签

 

 

 

 

 

 

 

 

二倍图

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

 

物理像素&物理像素比

 

 

 

 

 

 

 

 

背景缩放background-size

 

 

 

 

背景图片二倍图

 

 

 

 

移动端开发选择

 

 

 

 

 

 

 

 

移动端技术解决方案

 

 

 

 

特殊样式

 

 

 

 

常见的移动端页面布局

 

 

移动端技术选型

 

 

 

 案例 京东移动端首页1

 

 

 

 

 

 

 

 

 

 

 

 案例 京东移动端首页2

 

 

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

 

 

 

 

 案例 京东移动端首页4

 

 

案例 京东移动端首页5

 

 

 

 

 

 

案例 京东移动端首页6

搜索框

 

 

 

 

 

 

案例 京东移动端首页7

 

 

 

 

 

 

 

案例 京东移动端首页8

 

 

 

 

 

 

 

 

 

 

案例 京东移动端首页9

 

 

 

 

 

 

 

 

案例 京东移动端首页10

 

 

 

 

 

 

 

 

 

 

案例 京东移动端首页11

 

以上是关于移动WEB开发之流式布局的主要内容,如果未能解决你的问题,请参考以下文章

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

移动WEB开发之流式布局

移动端Web开发 流式布局flex布局rem布局

移动web开发之布局

移动web开发01-流式布局

移动WEB开发之rem适配布局