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 %>

设置布局条件 - CSS

3 个答案: