如何使用RubyonRails检测哪些媒体查询处于活动状态？

我希望根据页面方向（纵向与横向），在移动设备上为我的平台使用不同的视图

有没有办法做到这一点：

<div class="row item-list-video">
  <% for program in @programs %>
    <% if (stylesheet_link_tag "global", :media => "only screen and (max-width: 990px)") %>
      <%= render partial: 'program_preview_landscape',locals: { program: program}  %>
    <% else %>
      <%= render partial: 'program_preview',locals: { program: program} %>
    <% end %>
  <% end %>
</div>

当程序预览加载此文件时：

<div class="col-md-3 col-sm-6 col-xs-6 program-thumbnail">
  <a href="/shows/<%= program.slug %>">
    <img src="<%= program.thumbnail_uri %>">
  </a>
</div>

您无法从ERB读取媒体查询，因为只有在交付HTML后，浏览器才会计算媒体宽度，并且此时ERB已经呈现。这类事情的通常方法是让ERB生成HTML，桌面和移动设备都使用相同的HTML，然后根据屏幕宽度应用不同的样式。

这种逻辑应该进入css，而不是Rails。你指的是什么逻辑？你能给我举个简单的例子吗？

<div class="col-md-3 col-sm-6 col-xs-6 program-thumbnail">
  <a href="/shows/<%= program.slug %>">
    <img src="<%= program.thumbnail_uri %>">
  </a>
</div>