问在未指定的情况下，为什么flex方向列在此处工作
EN

Stack Overflow用户

提问于 2020-04-12 17:45:30

回答 1查看 25关注 0票数 0

我有这个超文本标记语言和CSS.When的屏幕更大的992px然后伸缩方向将是行(默认).But当屏幕较小时，div的显示像列-与伸缩方向column.My的问题是为什么我没有在这里指定，992px下的伸缩方向应该是列，它是这样显示的吗？

@media screen and (min-width:992px) {
    .call-outs-container {
        display: flex;
        justify-content: space-between;
    }
}

<div class="call-outs-container">
        <div class="call-out">
          <h4>Feature 1</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit consectetur nobis molestias! Explicabo deserunt. Consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam placeat numquam omnis sit consectetur.</p>
        </div>

        <div class="call-out">
          <h4>Feature 2</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit consectetur nobis molestias! Explicabo deserunt placeat numquam omnis.</p>
        </div>

        <div class="call-out">
          <h4>Feature 3</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit.</p>
        </div>
      </div>

css

flexbox

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-12 17:57:53

当媒体查询不适用时，一开始就没有display: flex。

因此，显示是按列显示的，但不是flex，而是块

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61169511

复制

相似问题

问在未指定的情况下，为什么flex方向列在此处工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在未指定的情况下，为什么flex方向列在此处工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在未指定的情况下，为什么flex方向列在此处工作
EN