Question

我有两个div，左边各有一个宽度：50％;和最小宽度：300px; 如果容器div大小或屏幕大小以防没有容器的宽度低于600px，那么div 2自然会在div 1下面。

当div 2在div 1下时，它们仍然有50％的宽度....是否可以使两个div的宽度达到100％？

在这个例子中，有3个div在彼此之下，当你达到它们的最小宽度断点时调整大小为100％。

这正是我想要实现的目标，但我无法从我给你的基金会例子中找到答案。

Answer 1

详细说明@Simon给出的解决方案，

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

这里还有一篇很好的文章来清除你在响应式设计中的概念，我觉得如果你从这里得到的东西，你会发现许多未来的问题已经解决了。