使用媒体查询的Rails？

嗨我想将我的应用程序转换为响应式应用程序使用媒体查询的Rails？

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

如何设置mediaquiers？

Normaly我的财产以后这样的：

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

但我怎么能integate这：

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

来源

2015-05-27 Felix

一种方法是通过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 
    } 


    }

来源

2015-05-27 12:08:30

多数民众赞成在esiest方式您的权利感谢，当然 – Felix

是的，但我一直等待一段时间，直到我可以检查答案:)没有forgott它;） – Felix

试试这个：

这样的

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

来源

2015-05-27 12:07:57 Surya

使用媒体查询的Rails？

回答

相关问题