基本響應式設計，每列

Question

1/2元素我堅持着一個問題：我想打很簡單的「響應式設計」基於Sharepoint內部新聞網站。對於小分辨率，每行只能顯示1個塊，對於更大的分辨率，每行只能顯示2個塊。

我想要做的是這樣的： https://www.dropbox.com/s/v2op6zgccujglcs/4.png

我試着用浮動做到這一點：離開，但在這種情況下工作不好：

https://www.dropbox.com/s/zh9wboi131of01l/3.png

請，幫助我找到解決這個問題的最佳解決方案。

Answer 1

我看到兩個潛在的問題，你問：「我如何使用自適應設計，使從三列的內容移，兩列」

1）

和

，這是在這篇文章中總結了

2）「與內容編排 ...我有麻煩」：http://trentwalton.com/2011/07/14/content-choreography/

我會盡力回答的問題1，這基本上是使用媒體查詢來調整佈局，一旦它低於1000像素。

這裏是你會把你的樣式表的底部有一個例子：

@media all and (max-width:999px) { 
    .yourDiv { 
     float: none; 
     width: 100%; 
    } 
    .yourOtherDiv { 
     float: none; 
     width: 100%; 
    } 
} 

這是無論如何的總體思路。你告訴你的浮動div停止浮動，以便它們在內容隧道中疊加在彼此之上。

問題＃2是有點棘手解釋，如果這是你在問什麼。

如果您發佈您的代碼，我會很樂意嘗試和幫助更具體。