css - 什么时候不应该触发媒体查询？

Question

我有这个test page .其中有一个 .Test_container 类，除非最小宽度为 768 像素，否则它应该具有 flexbox 列布局。这是应该在 768 像素处启动的媒体查询规则。

@media (min-width: 768px) index.css:1
 .u-md-flex-row {
     -webkit-box-orient: horizontal!important;
     -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important;
 }

如果我取消选中 `flex-direction: row 然后布局呈现在一列中。如果我在手机上查看页面或将宽度缩小到 768 像素以下，那么媒体查询仍然有效。想法？

Answer 1

你必须在你的头上添加meta标签

<meta name="viewport" content="width=device-width" />

使用您的测试页进行了尝试和测试