我希望堆叠2列一旦他们得到太“挤压”在视口中使用CSS网格。
现在我有:
<style>
.grid{
display: grid;
grid-template-columns: 1fr 260px;
grid-gap: 1em;
}
@media only screen and (min-width:600px) {
.grid {
grid-template-columns: 100% 100%;
}
}
</style>
<div class="grid">
<main>More stuff here...</main>
<aside>Stuff inside here...</aside>
</div>
这些列看起来只是在宽度上增长到100%而不是堆叠。有没有办法在没有媒体询问的情况下做到这一点?
发布于 2018-06-10 04:24:58
使用flex属性而不是网格
.grid{
display: flex;
justify-content:space-between;
flex-wrap:wrap;
}
https://stackoverflow.com/questions/50778100
复制相似问题