我想实现的东西，我相信应该比我更容易做它！
我使用Skeleton响应框架，并一直很好，直到现在。
这里是我想要实现的图表。
这将放置在列中。一旦列的大小减小，我想它按照图中的第二个示例堆栈div。我尝试了几种不同的方法，但不断错误。
我对HTML / CSS很新，所以任何帮助是赞赏！非常感谢！
解决方法
你可以使用CSS3媒体查询。写这样：
CSS
.wrapper {
border : 2px solid #000;
overflow:hidden;
}
.wrapper div {
min-height: 200px;
padding: 10px;
}
#one {
background-color: gray;
float:left;
margin-right:20px;
width:140px;
border-right:2px solid #000;
}
#two {
background-color: white;
overflow:hidden;
margin:10px;
border:2px dashed #ccc;
min-height:170px;
}
@media screen and (max-width: 400px) {
#one {
float: none;
margin-right:0;
width:auto;
border:0;
border-bottom:2px solid #000;
}
}
HTML
<div class="wrapper">
<div id="one">one</div>
<div id="two">two</div>
</div>
