Rails使用媒體查詢嗎？

Question

嗨，我想將我的應用程序轉換為響應式應用程序

我想擁有不同的CSS文件。 一種用於桌面，另一種用於其他所有。

如何設置媒體查詢器？

通常我會這樣：

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

但是我該如何在：

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

Answer 1

嘗試這個：

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

Answer 2

一種實現方法是通過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
    }


    }