不带媒体查询的堆叠CSS网格元素
不带媒体查询的堆叠CSS网格元素
提问于 2018-06-10 04:07:36
我希望堆叠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%而不是堆叠。有没有办法在没有媒体询问的情况下做到这一点？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50778100
复制相关文章
相似问题