移动端开发选择

一、移动端主流方案

　　　1.单独制作移动端页面（主流）-----京东商城手机版、淘宝触屏版、苏宁易购手机版

　　　2.响应式页面兼容移动端（其次）-------三星手机官网

二、单独移动端页面（主流）---通常情况下，网址域名前加m可以打开移动端

三、移动端技术解决方案

　　　1.移动端浏览器----基本以webkit内核为主

　　　2.CSS初始化 normalize.css --------保护了有价值的默认值、恢复了浏览器的bug、是模块化的、拥有详细的文档！

　　　3.CSS盒子模型 box-sizing

　　　　　传统模式宽度计算: 盒子的宽度=CSS中设置的宽度width+border+padding 

　　　　　CSS盒子模型： 盒子的宽度= CSS中设置的宽度width 里面包含border 和padding 

　　

 

四、移动端常见布局

　　　　1.流式布局（百分比布局）----就是百分比布局，也称非固定像素布局

　　　　　　　　----通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充

　　　　　　　　----流式布局方式是移动Web开发使用的比较常见的布局方式

　　　　2.京东移动首页是典型布局

 

 

　　　　3.flex布局----传统布局与flex布局

　　　　　　传统布局---兼容性好、布局繁琐、局限性，不能再移动端很好的布局

　　　　　　flex弹性布局-----操作方便，布局极为简单，移动端应用广泛，PC端浏览器支持情况差，IE浏览器或更低版本，不支持或仅部分支持