使用媒體查詢的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？

回答

相關問題