案例陈述:
公共部分:公共头部,公共底部
主页:首页,我的
详情页: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
网友评论