移动h5

移动端的Html5
移动端有2种技术路线：
1.移动版网站
2.响应式设计
为使移动设备能完整显示页面，viewport浏览器自动加以缩放以适应屏幕宽度
在里添标签

viewport的宽度是device-width设备宽度 百分比布局 width: 50%;//按两列输出,三列就33.3% flexbox弹性布局 display : flex;//宣告...以flex布局 flex-direction:colum//div元素上下排列，可以把float,width.margin删除 flex-direction:colum-reverse;//元素反向排列 flex-direction:row;//纵列变为横向 flex:1 1 auto;//第一个参数flex-grow伸缩可分配空间，相等 第二个参数flex-shrink 1 压缩比例相等 flex-basis auto//自动分配空间 flex-wrap:wrap;//为使元素不挤在同一行，灵活的方式排列