浏览器调整div折叠的最小宽度

Question

您是否可以在CSS中定位具有min-width属性的div，以便在调整浏览器的大小并且div处于min-width值时，div会折叠然后变为100％的宽度，您该怎么做？

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%
    }

}

Answer 1

您可以将选择器设置为

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

但是，仅当此样式嵌入到div样式属性中时，此方法才有效。 我认为最好将这些divs添加到一个类中，然后选择器将是

div.myclass {
    width:100%;
}

我认为这更可靠。