Question

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

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

如何设置mediaquiers？

Normaly我做的事情是这样的：

<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
    }


    }

Rails使用媒体查询？

2 个答案: