不同的行爲流體佈局

我正在尋找我前段時間看到的佈局，但我忘記了書籤。它有三個主要的列，但是在調整大小時，它變成了2，第三列倒下了。這是不是正常佈局調整與溢出。不同的行爲流體佈局

調整大小時，3列實際上保持相同的寬度，直到達到某個限制，每個寬度的33％但增加高度。唯一明顯改變的是文本大小。然後，在調整大小的某個時刻，其中一個下降到下一行，使頂部的2調整大小以填充整個寬度（50％和50％），底部填充寬度新行的100％。我嘗試了谷歌搜索，但由於我不是本地人，我似乎無法找到精確條款來找到它。我知道它在演示中非常完美，只有CSS和HTML。

編輯，其中3人的容器始終保持相同的寬度。

來源

2012-11-01 Francisco Presencia

谷歌的媒體查詢「http://css-tricks.com/ css-media-queries/ –

當我回答alimac84時，我認爲它與媒體查詢無關。但你剛剛發送的鏈接也很棒，謝謝！ –

媒體查詢聽起來像他們可能是你所追求的。您可以根據瀏覽器窗口的寬度指定不同的樣式。它當然可以用來實現你的目標。

例如。假設你的目標是大於900px寬，你可以使用設備：

@media screen and (min-width: 900px) { 
    .class { 
    background: #666; 
    } 
}

你可以找到關於媒體的更多信息查詢here

來源

2012-11-01 16:36:18 alimac83

我認爲它與媒體查詢無關，因爲它不能在我的瀏覽器中使用Ctrl +（僅在實際調整窗口大小時），我記得使用鍵盤對其進行測試。它可能是一個偉大的遊戲之間的寬度，最小寬度，最大寬度和溢出。 –

不同的行爲流體佈局

回答

相關問題