饿了么项目步骤

饿了么项目步骤"/>

饿了么项目步骤

第5章 项目实战-页面骨架开发2.5
5.1组件拆分
5.1.1
引入mate标签:使得高宽都等于设备的高宽，不放缩，用户无法缩放。
引入css样式：预处理样式；兼容所有浏览器的自带样式。

详解：具体代码如下
HTML中设置网页自适应的MATE标签

<meta name="viewport" content="width=device-width,height=device-height,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, 
user-scalable=no">

1.name=“viewport” //设置视口（网页可绘制的区域）
2.width=device-width //应用程序的宽度和设备的宽度是一样的
3.height=device-height //应用程序的高度和设备的高是一样的
4.initial-scale=1.0 //应用程序启动时候的缩放尺度（1.0表示不缩放）
5.minimum-scale=1.0 //用户可以缩放到的最小尺度（1.0表示不缩放）
6.maximum-scale=1.0 //用户可以放大到的最大尺度（1.0表示不缩放）
7.user-scalable=no //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）

创建的新项目app.vue里面有默认内容
将app.vue内容删除，留个模板就行了。
如图所示：