【问题标题】:How to fix browser-issues in scss "automatically"?如何“自动”修复scss中的浏览器问题?
【发布时间】:2015-04-23 22:13:42
【问题描述】:

在用 scss 和 html5 开发前端东西时,我有一些我依赖的例程,例如 display:inline-block、rgba、css-gradients 等等。

现在取决于我拥有的项目,浏览器需求会发生变化。我有时需要为 IE7 提供一些可行的东西,有时 IE10 也可以。

当然,我可以(并且会)进行真正的浏览器检查来检查问题,但我认为进行例行的前期检查不会有什么坏处。所以我可以在我的 scss 文件中运行搜索以检查模式“rgba”并将其替换为适当的内容。但这对我来说听起来既不可靠也不现代。

没有办法为每个浏览器生成一组特殊的模式修复 > 运行它 > 向我突出显示(或者甚至更好地已经修复它)

grunt/gulp 会是我需要进一步研究的主题吗? 谢谢

【问题讨论】:

  • 看看指南针。 Compass 有很多对旧浏览器的内置支持,您可以设置当前项目应该支持的浏览器。 compass-style.org/reference/compass/support
  • 不要查看 Compass 仅修复浏览器问题。这就像举起原子弹杀死一只蚂蚁,听起来很厉害但你不知道里面有什么,而且还有很多不受欢迎的副作用。 Autoprefixer 是您正在寻找的工具。

标签: css sass gruntjs


【解决方案1】:

正如 deolectrix 所说,您可以查看 compass,还有 bourbonless。强烈推荐使用 grunt/gulp。出于多种原因,例如连接/缩小代码,或者如果您编写 JS,您可以使用 babel 之类的东西来编写 ES6 JavaScript。

对于跨浏览器 css autoprefixer 可能会帮助你。有关麻烦的 css 的错误/警告,请查看csslint。希望有帮助!这只是一个起点,尽情享受吧。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-03-02
    • 1970-01-01
    • 2017-09-26
    • 2011-10-09
    • 2011-08-18
    • 1970-01-01
    • 2010-10-26
    相关资源
    最近更新 更多