媒体查询无法使用高度

时间:2016-02-11 21:28:27

标签: css media-queries

这是我的媒体查询,分辨率宽度为1280像素:

@media (min-width: 1270px) and (max-width: 1280px)

当我想对高度使用单独的查询时:

@media (min-width: 1270px) and (max-height: 960px)

它不起作用。即使在chrome中的开发人员工具中也没有显示。我能得到一些建议吗?

2 个答案:

答案 0 :(得分:0)

您需要在不同条件(宽度/高度)之间添加逗号

@media screen and (min-width: 1270px), screen and (max-height: 960px )

https://jsfiddle.net/ahmadabdul3/fxaknLn7/

答案 1 :(得分:-1)

您必须先添加此代码



<meta name="viewport" content="width=device-width" />
&#13;
&#13;
&#13;

并使用此链接

https://css-tricks.com/logic-in-media-queries/

&#13;
&#13;
@media screen and (max-width: 995px) , screen and (max-height: 700px) {
  ...
}
&#13;
&#13;
&#13;