設置佈局條件 - 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 %>