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

标签 css sass gruntjs

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

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

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

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

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

最佳答案

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

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

关于css - 如何修复 scss "automatically"中的浏览器问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29816467/

相关文章:

java - 应用程序安全后无法访问静态文件

css - 在一个元素的不同文件中使用 SCSS 代码

css - Sass --watch 不更新 css

javascript - Grunt JSHint 多任务问题

javascript - 正在运行 "watch"任务正在等待...警告 : EMFILE, 打开文件过多 '../..'

jquery - 在图像覆盖的 header 标记内带有顶部边距的带边框的文本标题

html - 图像不工作 - 这是一个 Chrome 错误吗?

html - 将嵌套 ul 放置在右侧

sass - SASS 任务运行程序设置期间出现 Visual Studio Code 错误

angularjs - 我遇到了 phantomjs 和 karma 问题