移动端布局与方案

我是表哥Harker，表妹我来咯~

上一篇我们对移动端开发的几个知识点进行了讲解，如分辨率、二倍图、视口、背景缩放，尤其是视口很关键，移动端开发必须要会视口的设置，后面会深入讲解，这篇开始讲解移动端的几种主流布局

 

1、移动端主流方案

1）、单独制作移动端页面（主流）

• 京东商城手机版
• 淘宝触屏版
• 苏宁易购手机版
• 通常情况下，网址域名前面加 m(mobile) 可以打开移动端。通过判断设备，如果是移动设备打开，则跳到移动端页面

 

2）、响应式页面兼容移动端（其次）

• 三星手机官网，通过判断屏幕宽度来改变样式，以适应不同终端
• 缺点：制作麻烦， 需要花很大精力去调兼容性问题

现在市场常见的移动端开发有 单独制作移动端页面 和 响应式页面 两种方案

现在市场主流的选择还是单独制作移动端页面

2、移动端浏览器

• 移动