我一直试图找到这个问题的答案一段时间，但我遇到了一些麻烦。我正在使用wordpress响应主题，基本的响应结构正在运行。但是当我去添加自己的查询时，他们似乎并没有在移动设备上保持一致，但它们在桌面上都可以正常工作。例如，我有display：none;为图像上的屏幕和设备设置。我正在看三种移动设备，iphone，galaxy和htc one。 iphone和galaxy删除了这个图像，但htc没有。设备特定的媒体查询不能在任何一个Android设备上工作，但正在使用iphone。
当我创建一个我想用于屏幕和设备的媒体查询时，我使用它，例如：
@media only screen and (min-width: 0px) and (max-width : 320px) { styles here }
如果我只想定位我使用它的设备，例如：
@media only screen and (min-device-width: 0px) and (max-device-width:480px){styles here}
以下是款式：
/* //// MEDIA QUERIES //// */
@media only screen and (max-width : 767px) {
.wpb_single_image.home-paint-roller img {
display:none;
}
}
/* //// Device Only //// */
@media only screen and (min-device-width: 0px) and (max-device-width:480px) {
.service-images ul {
display:none;
}
.what-they-said ul {
display:none;
}
}
这是我正在使用的视口：
<meta name="viewport" content="width=device-width, initial-scale=1">
这是网址： http://snlpainting.wpengine.com/
我很感激帮助，我一直在寻找答案，最后我决定看看能否得到一些帮助。谢谢！