弹性盒：
flex-wrap:设置弹性容器中的弹性项目在弹性宽度无法满足时是否换行；
取值：no-wrap：（默认值）不换行；
wrop:换行
移动端开发：
需要在head标记对中设置视口；
1、width=device-width将页面宽度设置为与设备宽度同宽；
2、initial-scale=1.0设置初始化缩放比例。
3、user-scalable=no设置是否允许用户缩放页面。
代码：
<head>
<meat name="viewport" content="width=device-width,initial-scale=1.0,
user-scalable=no"/>
</head>
移动端效果图大多采用750px为效果图的宽度。
移动端的距离：效果图的值（px）÷750px ×100vw;
移动端单位为vw。
移动端开发注意事项：
1、所有的图片必须使用<div>容器进行包裹；
2、在css文件中，img标记对的宽度盒高度都需要进行设置，为100%，即图片的宽高
与其父元素同宽同高；
3、移动端首页顶部的搜索框不是文本框，触碰该栏会跳转至新页面；
4、移动端的底部导航应设置固定定位，使其一直显示在视口高度范围内，
position：fixed；
bottom：0 ；left:0;
body标记对应增加此底部导航的高度：margin-bottom:XXXXvw;
183
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
