使用firefox的css媒体查询；“设备测试模式”；，但不是在响应测试网站上

我正在为特定的移动设备创建一系列css媒体查询，当我在firefox中使用模仿这些设备的开发工具进行测试时，网站显示正确。但是，例如，如果我转到“”并测试网站，媒体查询将完全被忽略

注意，我在localhost中工作。任何见解都会有所帮助

im使用的媒体查询包括：

/* ----------- Galaxy S5 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) {

#nsp-equipo .nspArt h4.nspHeader a{ font-size:21px; top:56px; }

#nsp-equipo p.nspText{ top:-106px; font-size:14px; }

#nsp-equipo a.readon{
top:-110px;
right:25px;
padding: 6px 30px;
font-size:12px; 
}

}

/* ----------- iPhone 6 ----------- */
/* Landscape Only */
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

#nsp-equipo .nspArt h4.nspHeader a{ font-size:20px; top:54px; float:right; }

#nsp-equipo p.nspText{ top:-111px; font-size:14px; }

#nsp-equipo a.readon{ 
font-size: 12px;
padding: 5px 30px;
top:-120px;
right:23px; 
}

#nsp-equipo div.nspArtPage div.nspArt{ height:180px;}

}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {

#nsp-equipo p.nspText{ top:-125px;}

#nsp-equipo a.readon{
top:-130px;
right:34px; 
}

#nsp-equipo div.nspArtPage div.nspArt{ height:210px;}

}

---

您的媒体查询正在测试设备宽度-屏幕的宽度，而不是窗口的宽度。将它们更改为使用

min width

和

max width

您的媒体查询正在测试设备宽度-屏幕的宽度，而不是窗口的宽度。将它们更改为使用

minwidth

和

max width

，这非常简单！，现在可以了。你认为我应该保留手机的“设备”标签，还是只设置宽度和高度更好；设备的宽度/高度对于您正在做的事情似乎没有用处。（事实上，我不确定它们有什么用处。）你让我在谷歌上搜索了一下……发现“一般来说，在创建响应性网页时，宽度更通用，但当你希望专门针对移动设备（而不是带有小浏览器窗口的台式机）时，设备宽度很有用），台式机的屏幕分辨率很少低于某个特定的数字，例如320px 480px！，现在可以了。你认为我应该保留手机的“设备”标签，还是只设置宽度和高度更好；设备的宽度/高度对于您正在做的事情似乎没有用处。（事实上，我不确定它们有什么用处。）你让我在谷歌上搜索了一下……发现“一般来说，在创建响应性网页时，宽度更通用，但当你希望专门针对移动设备（而不是带有小浏览器窗口的台式机）时，设备宽度很有用），台式机的屏幕分辨率很少低于某个数字，如320px 480px。”