(min-width:1110px) 影响整个样式

Question

样式采用移动优先结构制作。因此，为最大 360px 宽度的设备制作的主要样式没有媒体查询。桌面样式被包装到 1110px 最小宽度的媒体查询中，但它们会影响整个页面样式。当我用 Chrome Inspector 检查样式时，它们甚至不显示媒体查询...

这是文件的 link：http://www.institutopsicode.com/wp/wp-content/themes/psicode/style.css

你可以在这个URL看到问题：http://www.institutopsicode.com/wp/2015/08/31/tu-mente-te-miente/

侧边栏显示在移动版本的底部，而在 360 像素设备的主要样式中它有一个 display:none;

我已经尝试了很多东西和订单，但仍然没有达到我需要的效果...

谢谢你们抽出时间！

Answer 1

如果 #sidebar {display:block} 部分的目的是在 min-width:1110px 的媒体查询中，那你就有问题了。
在第 1208 行有一个 } 结束媒体查询，但是表示 #sidebar {display:block} 的代码在第 1335 行，在任何媒体查询之外。

第 1600 行还有一个多余的 }，所以我认为您应该删除第 1208 行的那个。

Answer 2

当您检查页面并查看 css 时，有以下两个代码块：

//line 1335
//media="all"
#sidebar {
  width: 260px;
  margin-top: 31px;
  display: block;
  float: right;
}

//line 629
//media="all"
#sidebar {
  display: none;
}

如您所见，浏览器未捕获指定的媒体查询。根据 Lister 先生的说法可能会发生

(min-width:1110px) 影响整个样式

(min-width:1110px) affecting whole styles

css

media-queries