ruby-on-rails – 如何使用bootstrap-sass的autoprefixer？

发布时间：2020-12-17 03:32:46 所属栏目：百科来源：网络整理

导读：我有一个Rails应用程序,我使用的是 bootstrap-sass gem,它将 autoprefixer-rails列为依赖项. 我不太明白如何让Autoprefixer为我的应用程序的CSS添加前缀.我需要一些资产配置吗？在资产调试模式下,它会在dev中为编译后的Sass加前缀吗？根据autoprefixer-rail

我有一个Rails应用程序,我使用的是 bootstrap-sass gem,它将 autoprefixer-rails列为依赖项.

我不太明白如何让Autoprefixer为我的应用程序的CSS添加前缀.我需要一些资产配置吗？在资产调试模式下,它会在dev中为编译后的Sass加前缀吗？

根据autoprefixer-rails的文档,我只需清除我的缓存并编写CSS …我编译的Sass没有任何前缀,但Bootstrap的CSS确实如此.

任何帮助/解释将不胜感激.

解决方法

它被发现很简单
将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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!