Css Div旁边的Div，50%-50%，最小宽度后，换行符和100%

这就是我想要实现的目标：

DIV1 50%          |          50% DIV2 |
DIV1 50%      |      50% DIV2 |

在一个宽度之后（用户缩小窗口，比如说在300px以下）

所以我想要一个换行符，并且100%成为他们

这是我到目前为止得到的：

<div>50%</div>
<div>50%</div>

div
{
    float: left;
    background-color: red;
    width: 50%;
    min-width: 300px;
}

50%
50%
div
{
浮动：左；
背景色：红色；
宽度：50%；
最小宽度：300px；
}

但那不好，他们不可能是100%。我听说mediaquery（我是新来的），它能解决这个问题吗？如果我不想使用mediaquery？

试试这个

div
{
    float: left;
    background-color: red;
    width: 50%;
    min-width: 300px;
@media only screen and (max-width: 500px) {
          width: 100%;
         } 
}

试试这个

div
{
    float: left;
    background-color: red;
    width: 50%;
    min-width: 300px;
@media only screen and (max-width: 500px) {
          width: 100%;
         } 
}

你可以用这个

div {width:50%; float:left;}

@media all and (max-width: 300px)  {
  div { width:100%; float:none;}
}

您可以使用此

div {width:50%; float:left;}

@media all and (max-width: 300px)  {
  div { width:100%; float:none;}
}

---

将@media嵌入此文件是否有效？我以前从未见过它是的，我的意思是嵌入到DIV声明中？它似乎不起作用，将@media嵌入其中是否有效？我以前从未见过它是的，我的意思是嵌入到DIV声明中？它似乎不起作用