问个 web 前端代码问题

2018-02-10 14:23:49 +08:00
 XinLake

问题 1,下面这句话什么意思,赋的是什么值?

mq-mobile = "screen and (max-width: 479px)"

有多处地方用到 “ mq-mobile ” 如:

#main-nav-toggle
  display: none
  &:before
    content: "\f0c9"
  @media mq-mobile
    display: block

问题 2,如何去掉 “ mq-mobile ” ?
是不是删除 @media mq-mobile 之后的代码就可以,如上方的代码去掉 mq-mobile:

#main-nav-toggle
  display: none
  &:before
    content: "\f0c9"
1190 次点击
所在节点    问与答
3 条回复
learnshare
2018-02-10 14:43:34 +08:00
Vogan
2018-02-10 15:56:46 +08:00
这个变量是用来做媒体查询的,根据宽度使用不同的 css ;
语法是 sass
ferrum
2018-02-10 16:00:46 +08:00
没有大括号的,这是 stylus 吧。

现在的前端项目很少直接写 CSS 了,都是用预处理器写,然后再编译成 CSS。

这些预处理器会在 CSS 上添加一些编程语言里的功能,比如你问题里的 mq-mobile 就是变量,方便重用。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/429994

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX