浏览器在最小宽度处调整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样式属性中时，此方法才有效。 我认为如果你将这些div添加到一个类然后选择器将是

会更好

div.myclass {
    width:100%;
}

在我看来哪个更可靠。