css - 如何修复 scss "automatically"中的浏览器问题？

Question

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

现在，根据我拥有的元素，浏览器需求会发生变化。有时我需要提供适用于 IE7 的东西，有时 IE10 也可以。

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

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

因此，grunt/gulp 会是我需要进一步调查的主题吗？谢谢

Answer 1

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

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