如何修复 scss "automatically" 中的浏览器问题?
How to fix browser-issues in scss "automatically"?
关于在 scss 和 html5 中开发前端的东西,我有一些我依赖的例程,比如 display:inline-block、rgba、css-gradients 和等等。
现在,根据我拥有的项目,浏览器需求会发生变化。有时我需要提供一些适用于 IE7 的东西,有时 IE10 也可以。
当然,我可以(并且会)通过真正的浏览器检查来检查问题,但我认为进行例行的前期检查不会有什么坏处。所以我可以 运行 在我的 scss 文件中搜索以检查模式 "rgba" 并将其替换为适当的内容。但这对我来说听起来既不可靠也不现代。
有没有办法为每个浏览器生成一组特殊的模式修复 > 运行 它 > 向我突出显示它(或者更好的是已经修复它)
grunt/gulp 会是我需要进一步调查的主题吗?
谢谢
正如 deolectrix 所说,您可以研究 compass, there is also bourbon, and less. Using grunt/gulp would be highly recommended. For many reasons like concating/minifying your code, or if you write JS you can use something like babel 来编写 ES6 JavaScript。
对于跨浏览器 css autoprefixer would probably help you out. For errors/warnings about troublesome css look into csslint。希望有帮助!这只是一个起点,尽情享受吧。
关于在 scss 和 html5 中开发前端的东西,我有一些我依赖的例程,比如 display:inline-block、rgba、css-gradients 和等等。
现在,根据我拥有的项目,浏览器需求会发生变化。有时我需要提供一些适用于 IE7 的东西,有时 IE10 也可以。
当然,我可以(并且会)通过真正的浏览器检查来检查问题,但我认为进行例行的前期检查不会有什么坏处。所以我可以 运行 在我的 scss 文件中搜索以检查模式 "rgba" 并将其替换为适当的内容。但这对我来说听起来既不可靠也不现代。
有没有办法为每个浏览器生成一组特殊的模式修复 > 运行 它 > 向我突出显示它(或者更好的是已经修复它)
grunt/gulp 会是我需要进一步调查的主题吗? 谢谢
正如 deolectrix 所说,您可以研究 compass, there is also bourbon, and less. Using grunt/gulp would be highly recommended. For many reasons like concating/minifying your code, or if you write JS you can use something like babel 来编写 ES6 JavaScript。
对于跨浏览器 css autoprefixer would probably help you out. For errors/warnings about troublesome css look into csslint。希望有帮助!这只是一个起点,尽情享受吧。