这是我的媒体查询,分辨率宽度为1280像素:
@media (min-width: 1270px) and (max-width: 1280px)
当我想对高度使用单独的查询时:
@media (min-width: 1270px) and (max-height: 960px)
它不起作用。即使在chrome中的开发人员工具中也没有显示。我能得到一些建议吗?
答案 0 :(得分:0)
您需要在不同条件(宽度/高度)之间添加逗号
@media screen and (min-width: 1270px), screen and (max-height: 960px )
答案 1 :(得分:-1)
您必须先添加此代码
<meta name="viewport" content="width=device-width" />
&#13;
并使用此链接
https://css-tricks.com/logic-in-media-queries/
@media screen and (max-width: 995px) , screen and (max-height: 700px) {
...
}
&#13;