如何为响应式设计创建文件？

Question

我有一个简单的控制器，可以转到views/mobile/home/index.html.haml

下的视图

它有效，现在我正在尝试将文件添加到views/layouts/mobile，以确保该网站响应移动和平板电脑查看。

我应该为平板电脑创建新的index.html.haml还是为平板电脑视图创建一个新的index.html.haml？

另外，据我所知，我应该让views/mobile/home/index.html.haml和class Mobile::HomeController < ApplicationController def index respond_to do |format| format.html end end def create end end 有一个yield命令，以便在加载过程中的某个时刻加载正确版本的移动页面。我该怎么做？

我现在的控制器非常基本：

{{1}}

Answer 1

通常，响应式设计应该在CSS和Javascript级别进行。 HTML应该定义您正在显示的信息的语义结构，而不是视觉设计。而是看看像TwitterBootstrap这样的框架如何使用CSS媒体查询等处理响应式设计。