Css 使用媒体查询的Rails？

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

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

如何设置媒体静音器

通常我会做这样的事情：

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

试试这个：

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

“_xyz”，：media=>“仅屏幕和（最大宽度：990px）”%>

一种方法是通过css块。比如说-

    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
    }


    }

---

当然可以，但我总是要等一段时间，直到我可以检查答案：）没有放弃；）

    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
    }


    }