css - 如何使用@media 查询在 rails 中添加照片作为 div 的背景？

Question

以下内容在 view 文件 home.html.erb 中正常工作

<stlye>
.wrapper {
   background: url(<%= asset_path 'home.jpg' %>);
}
</style>

但是，当我尝试在我的 home.css.scss 文件中执行以下操作时:

@media (max-width: 350px) {
  .wrapper {
   background: url(<%= asset_path 'home-ip5.jpg' %>);
  }
} 

它不会推送到 Heroku。它抛出一个错误:

remote: Sass::SyntaxError: Invalid CSS after "...ackground: url(": expected ")", was "<%= asset_path ..."

这些图像位于 app/assets/images/home.jpg 和 app/assets/images/home-ip5.jpg

Answer 1

使用 sass-rails，你应该能够做类似的事情

url(asset-path('example.jpg'))

即

background: url(asset-path('example.jpg'))