wordpress 移动响应无法正常工作答案

【问题标题】：wordpress mobile responsive is not working correctlywordpress 移动响应无法正常工作
【发布时间】：2015-02-27 00:58:50
【问题描述】：

我正在使用 wordpress 主题突出显示。它已经有来自移动响应的媒体查询：

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

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

我应该进行的三个媒体查询的正确顺序和语法是什么？当我尝试将查询放入网站时，即使我使用 !important，他们也不听我的。我一直在进行研究，并了解到从移动设备开始升级到桌面是更好的做法，但是我再次使用从桌面版本开始的 wordpress。

任何建议将不胜感激！谢谢！

【问题讨论】：

标签： wordpress

【解决方案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) {}

抱歉，布局不好，我来自移动设备。并欢迎 ti stackoverflow ;)

【讨论】：