vue初级入门(router+rem)

2018-09-14  本文已影响16人  大胡子111
案例陈述:

公共部分:公共头部,公共底部
主页:首页,我的
详情页:rem单位演示,第二个页面,第三个页面,第四个页面

关于rem

1.引入rem计算的js

在src目录下增加了config文件,config文件中有计算rem的js.并在main.js中引入了该js

2.演示效果

打开控制台,手机浏览模式,切换各个型号设备。
“操作描述”“相关解释”字体大小不一样,是因为“操作描述”使用的是rem单位,“相关解释”使用的是px单位
rem效果.png

3.相关解释

1) rem:是相对单位,相对的只是HTML根元素,rem.js就是计算根元素大小的
2) px:是相对于显示屏幕分辨率而言,值固定
github地址:https://github.com/liuyumei111/pro_name.git
下载时注意: 按照所需版本下载

本案例提交日期:Commits on Sep 13, 2018
本案例提交描述:增加rem单位计算

下载后使用
1.进入到pro_name项目目录并且打开命令行安装依赖 :npm install
2.启动服务:npm run dev   
3.打开http://localhost:8080
首页.png
我的.png
上一篇 下一篇

猜你喜欢

热点阅读