如何爲響應式設計創建文件？

Question

我有一個簡單的控制器去視圖下views/mobile/home/index.html.haml

它的工作原理，現在我想將文件添加到views/layouts/mobile，以確保網站響應手機和平板電腦觀看。

我應該爲平板電腦創建一個新的index.html.haml，併爲平板電腦視圖創建一個新的index.html.haml？

另外，據我所知，我應該讓index.html.haml和views/mobile/home/index.html.haml有一個yield命令，以便在加載期間的某個點加載正確版本的移動頁面。我怎麼做？

我的電流控制器這樣很簡單：

class Mobile::HomeController < ApplicationController 
    def index 

    respond_to do |format| 
     format.html 
    end 
    end 

    def create 

    end 
end 

Answer 1

通常情況下，響應式設計應該在CSS和Javascript水平發生。 HTML應該定義你正在顯示的信息的語義結構，而不是視覺設計。相反，請看看TwitterBootstrap這樣的框架如何使用CSS媒體查詢等處理響應式設計。