瀏覽器調整最小寬度的div摺疊

您可以在css中定位一個具有最小寬度屬性的div，因此當瀏覽器調整大小並且div處於最小寬度值時，div會摺疊，然後它會達到100％寬度，你怎麼做？瀏覽器調整最小寬度的div摺疊

div {min-width:300px; background-color:red; max-width:600px; height:300px} 
@media screen and (min-width:768px) and (max-width:1024px) { 
    div { 
     width:100% 
    } 

}

來源

2014-03-13 ONYX

您可以選擇設置爲

div[style*="min-width"] { 
    width:100%; 
}

然而，如果這種風格被嵌入到DIV style屬性，這隻會工作。我想如果你添加這些div一類，然後選擇將

div.myclass { 
    width:100%; 
}

這在我看來是非常可靠的它會更好。

來源

2014-03-13 22:23:28 Gil

所以基本上我想有3種類型的桌面平板電腦和移動類，他們會有不同的最小寬度：所以當瀏覽器調整大小時，他們collpase，當他們在最小寬度價值可以讓我一個jsFiddle像我所解釋的或類似的東西這是一個CSS網格 – ONYX

這裏：http://jsfiddle.net/Nz7QD/我改變了值，所以它將在一個小區域工作。 – Gil

也許你可以看看已經爲這些事情建立的bootstrap。 – Gil

瀏覽器調整最小寬度的div摺疊

回答

相關問題