Macbook Pro不接受使用CSS的媒体查询

Question

我为Macbook Pro编写了这个媒体查询。它不接受媒体查询。我的Macbook的分辨率是1280x800 13英寸

@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 800px) 
{   
.col-md-12.webtestingsocial
{
 margin-left: 29px !important;
}
}

Answer 1

它应该以这种方式工作：

@media screen and (min-width: 800px) and (max-width: 1200px) {

   /* Your Styles */
 }

还要确保在HEAD中有此标记

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

我认为这是因为让你的min-device-width值高于你的max-device-width会使它无效。

您是否尝试过最小设备宽度800px和最大设备宽度1200px？

Answer 3

Macbook的媒体查询13英寸（1280 * 800）

@media screen and (min-width: 800px) and (max-width: 1281px)
{
 //write your styles here
}