设置布局条件 - CSS

Question

我有一个页面，它有两个部分的默认布局，右侧和左侧。此页面显示文章的详细信息，如果在管理页面中，我将layout属性（对于文章）设置为2，那么该页面将显示为默认值，如果layout等于1则右侧应该隐藏，而左侧将显示全屏。我该怎么处理这个问题？我使用Rails作为后端。

Answer 1

你可以尝试这样的事：

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

Answer 2

如果你想通过使用Rails，那么你可以使用一种方法来确定哪些布局要使用来解决它。这当然要求你有不同的布局模板。

class ArticlesController < ApplicationController 
    layout :determine_layout 

    ... 

    private 

    def determine_layout 
    if @article.present? && @article.layout == 1 
     :no_right_side # or whatever you choose to name it 
    else 
     :application # or whatever your default layout is called 
    end 
    end 
end 

Answer 3

您还可以将application.html.erb内有两个布局

<% if @article.present? && @article.layout == 1 %> 
    <!-- your layout 1 --> 
<% else %> 
    <!-- your layout 2 --> 
<% end %>