我有一个Rails应用程序,我使用的是
bootstrap-sass gem,它将
autoprefixer-rails列为依赖项.
我不太明白如何让Autoprefixer为我的应用程序的CSS添加前缀.我需要一些资产配置吗?在资产调试模式下,它会在dev中为编译后的Sass加前缀吗?
根据autoprefixer-rails的文档,我只需清除我的缓存并编写CSS …我编译的Sass没有任何前缀,但Bootstrap的CSS确实如此.
任何帮助/解释将不胜感激.
解决方法
它被发现很简单
将autoprefixer-rails gem添加到您的Gemfile:
将autoprefixer-rails gem添加到您的Gemfile:
# In gemfile gem 'bootstrap-sass' gem 'autoprefixer-rails' # Install the gem $bundle install
清除缓存:
# Its very important $rake tmp:clear
尽管gem autoprefixer-rails是对bootstrap-rails的依赖,但它看起来像是在内部使用autoprefixer-rails,而链轮却不知道它.
在.css,.scss或.sass文件中添加没有浏览器前缀的css样式.然后你会发现你的风格添加了前缀.
如果你有
.fullscreen a { display: flex; }
你会得到
.fullscreen a { display: -webkit-Box; display: -webkit-flex; display: -ms-flexBox; display: flex; }