響應浮動的div

我有兩個浮動左寬每個div：50％;和min-width：300px; 如果沒有容器的容器div的大小或屏幕尺寸的寬度低於600px，那麼div 2自然會在div 1之下。響應浮動的div

當div div在div 1之下時，它們仍然有50 ％width ....是可以使div寬度達到100％？

實施例：Foundation

在這個例子中有3個的div，根據彼此去和調整大小到100％時，打他們的最小寬度斷點。

這正是我想要的，但是我無法從我給你的基礎範例中弄清楚它。

使用mediaqueries將寬度設置爲斷點以下的100％。（100％堆疊的div通常用於手機和小型平板電腦等設備，所以我認爲低於767像素就沒問題。） – Simon

@Simon通常最好先移動移動設備（即隱藏僅適用於更廣泛設備的樣式媒體查詢）。它幾乎總是適用於較少的代碼，舊的移動設備不理解媒體查詢。 – cimmanon

@Cimmanon感謝您指出這一點！我也是移動首次設計的忠實粉絲，但在這個問題中，我認爲這個問題的範圍並不值得一提。 – Simon

更詳細地說明由@Simon給出的解決方案，

div.one{ 
    width:50%; 
    min-width:100px; 
    float:left; 
} 
@media screen and (max-width: 767px){ 
    div.one{ width:100%} 
}

這裏也是一個偉大的文章，以清除自適應設計您的概念，我有一種感覺，你如果你從這裏學習，你會發現許多未來的問題都會解決。

2013-04-14 14:32:06 banjoSas

回答