DellLee你好。我有几个问题。

来源:7-2 Vue项目首页 - iconfont 的使用和代码优化

qq_缺南摸了个北_0

2018-12-21

  1. 修改层次比较深的.vue文件,没有热更新支持了,且必须重新启动服务器才能看到最新的效果。我修改
  2. 在编写 styl 样式代码时,我们安装了 stylus 和 stylus-loader 两个npm 包,但是在 webpack.config.js 中好像没有写代码指定这个 loader 吧。。。还是说,使用vue-cli 配置的模板中,已经帮我们指定好了。如果指定好了,在哪个文件中呢?
    图片描述
  3. 为什么我在 style 标签里使用 @import 导入的语法和你那边的不一致,同时,不管我用你的那种还是自动提示给出的,在拿人头担保路径没有写错的情况下,运行界面老是提示 .styl 文件路径不存在的错误。(没有配置 reslove())
    图片描述
写回答

2回答

Dell

2018-12-23

  1. 如果刷新也无效,和热更新没有关系,你重启后看下是否报错,十有八九是代码的问题,或者打包过程出现了问题,必须要重启。

  2. 很显然,在vue-loader中,解析你的lang参数,内部自动帮你再调用对应的loader

  3. 我强烈觉得你写错了:https://www.zhangxinxu.com/jq/stylus/import.php

0
0

qq_缺南摸了个北_0

提问者

2018-12-21

还有一个问题,关于iPhone Retina @2x @3x屏幕的。

设计师给的是 750px 对应的是 @2x 屏幕。

因为我之前写过iOS的代码,知道iOS里的单位是点(pt).所以,没有问题。


但是你在 HTML 里写的 font-size 50px 。这里的单位确实是像素的。

1rem = 50px .

然后再里面设置单位的时候是  .86rem = 43px .这里的单位仍然是像素的话,那就真的比设计图小了3/4了。

还是说rem会默认的根据屏幕去换算?如果是 @2x实际就是 86px ,如果是 @3x屏实际就是 129px?

0
1
Dell
我确实在大屏上会缩小屏幕,并不是等比例显示,如果你希望等比例,自己根据屏幕宽度,计算下新的font-size ,用js替换老的font-size即可
2018-12-23
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程