WordPress移动响应不能正常工作

Question

我使用的是wordpress主题突出。它已经有了针对移动响应的媒体查询，这些查询来自：

@media only screen and (min-device-width : 320px) and (max-device-width :     1024px) {}

正如你所见，它涵盖了从手机到平板电脑的宽度。我们的开发人员不希望在其所在的全局css中更改此默认代码，但我们需要使该站点在单个页面的css上的单独查询中响应手机和平板电脑。我希望手机的最大宽度为480px，平板电脑的最大宽度为1024，桌面电脑的最大宽度为2000。

我应该提出的三个媒体查询的正确顺序和语法是什么？当我尝试将查询放入站点时，即使我使用它们，它们也不会听我的！重要的我一直在做我的研究，并了解到从手机开始到桌面是更好的做法，但同样，我使用的是从桌面版本开始的wordpress。

任何建议都将不胜感激！非常感谢。

Answer 1

你必须遵守3条媒体规则，我要做这件事

 /** here goes the common parte of      the style **/

/**Start of @media **/
/** Desktop Rules **/
@media (min-device-width : 1025px) {} 
/**Tablet Rules **/
@media (max-device-width : 1024px) {}
/** Mobile Rules**/
 @media (max-device-width : 480px) {}

对不起，布局不好，我是手机公司的。欢迎来到这里；）