Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Macbook Pro不接受使用CSS的媒体查询_Css - Fatal编程技术网

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

Macbook Pro不接受使用CSS的媒体查询,css,Css,我为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; } } 它应该这样工作: @media screen and (min-wid

我为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;
}
}

它应该这样工作:

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

   /* Your Styles */
 }
还要确保你的头里面有这个标签

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

它应该是这样工作的:

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

   /* Your Styles */
 }
还要确保你的头里面有这个标签

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

我认为这是因为使最小设备宽度值高于最大设备宽度会使其无效


您是否尝试过使最小设备宽度为800px,最大设备宽度为1200px?

我认为这是因为使最小设备宽度值高于最大设备宽度会使其无效


您是否尝试过将最小设备宽度设置为800px,最大设备宽度设置为1200px?

macbook 13英寸(1280*800)的媒体查询


macbook 13英寸(1280*800)的媒体查询


我已经试过了,但它对笔记本电脑也有影响。你能解释一下影响是什么吗?以下是一系列设备和尺寸的媒体查询列表。希望这会有所帮助:)我提供的链接是否成功?@media-screen和(最小宽度:1200px)我也尝试过这种对笔记本电脑的影响。我也尝试过这种方法,但它对笔记本电脑也有影响。你能解释一下什么是影响吗?以下是一系列设备和尺寸的媒体查询列表。希望这会有帮助:)我提供的链接有什么好运气吗?@media-screen和(最小宽度:1200px)我试过用它来影响笔记本电脑以及任何其他建议如何为macbook pro 1200*800编写媒体查询任何人都可以帮助我此提前感谢任何人帮助我这些请提前感谢任何其他建议如何为macbook pro 1200*800编写媒体查询任何人都可以帮助我此提前感谢任何人帮助我这些请提前谢谢