css - 将 Stylus (nodejs) .styl 文件编译为 2 个不同的 css 文件（移动和桌面）

Question

是否可以将单个手写笔文件编译为 2 个不同的 css 文件，例如对于 ipad web 应用程序我对 -moz 等 css 在线 webkit 不感兴趣，所以一个针对移动设备进行了优化，另一个针对跨浏览器应用程序进行了优化？

谢谢

Answer 1

我相信简短的回答是，给定一个.styl文件，您将输出一个相应的.css文件。但是，有一些方法可以实现您的目标。您可以使用CSS3 媒体查询并让相同的样式表根据屏幕大小生成替代样式。其次，您可以使用@import语句通过执行类似的操作来实现几乎您所需要的

在shared.styl

//Put your default shared styles here

在screen.styl

@import "shared"
//Put your desktop web app overrides here

并且在mobile.styl

@import "shared"
//put your mobile optimized overrides here