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

@import

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

<style lang="stylus" scoped>
@import '相对路径/fileName.styl'
··· ···
</style>

@import工作原理：

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

 

@media

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

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