css预处理框架stylus——@import 动态导入样式 和@media媒体查询

@import

以在vue中使用stylus为例,创建一个以 .styl结尾的文件,当你需要用它的时候,要通过以下方式动态导入:

@import工作原理:

遍历目录列队,并检查任意目录中是否有该文件。。。

 

@media

@media媒体查询与常规css一样


.box
   @media screen and (max-width: 320px)
      width:100px

 

你可能感兴趣的:(css预处理框架-stylus)