Rails 使用媒体查询？答案

【问题标题】：Rails using media queries?Rails 使用媒体查询？
【发布时间】：2015-05-27 12:05:04
【问题描述】：

您好，我想将我的应用程序转换为响应式应用程序

我想拥有不同的 css 文件。一个用于桌面，一个用于所有其他。

如何设置媒体查询器？

通常我会这样做：

<link rel="stylesheet" type="text/css" media="only screen and (max-width: 990px)"

但是我怎样才能将它整合到：

<%= stylesheet_link_tag 'xyz', 'bootstrap.min', 'styled_button', :cache => "_xyz" %>

【问题讨论】：

标签： css ruby-on-rails twitter-bootstrap ruby-on-rails-4

【解决方案1】：

这样做的一种方法是通过 css blocks 。比如——

    body{
    //GLOBAL STYLES

    @media only screen and (max-width: 770px){
        //MOBILE ONLY STYLES
    }

    @media only screen and (min-width:771px) and (max-width:1040px){
        //TABLET ONLY STYLES
    }


    }

【讨论】：

当然可以，但我总是要等一段时间才能检查答案:) 没忘记 ;)

【解决方案2】：

试试这个：

<%= stylesheet_link_tag 'xyz', 'bootstrap.min', 'styled_button', :cache => "_xyz",  :media => "only screen and (max-width: 990px)" %>

【讨论】：