html - 浏览器调整大小 div 在最小宽度处折叠

Question

您能否在 css 中定位一个具有 min-width 属性的 div，以便当调整浏览器大小时 div 处于最小宽度值时，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%;
}

我认为哪个更可靠。