Css 在WordPress中设置手机的样式表

我使用了WP 4.9.2和aThemes的Leto主题。我在其上建立的网站在更大的屏幕上看起来很棒，但在移动设备上确实是一团糟。我检查了样式表-问题与@media查询有关。我只是似乎没有以正确的方式设置css。所以，我需要知道如何设计样式或使用什么css来设置。我使用的主题是，我使用WooCommerce插件。因此，该网站的响应性在所有页面上都是完美的，除了。欢迎任何人提供帮助。

---

这是您可以查看整个样式表的方法->。您可以在第一个链接中下载主题，该链接指向。

您可以使用媒体查询：

@media only screen and (min-width:280px) and (max-width:480px){}
@media only screen and (min-width:481px) and (max-width:619px){}
@media only screen and (min-width:620px) and (max-width:767px){}

比如：

@media only screen and (min-width:280px) and (max-width:480px){
    body{ 
        do_stuff_here
    }
    .wrapper{
        do_stuff_here...
    }
}

或请阅读：

---

您是如何在手机上测试它的？在real mobile device或browseri中，请确认您提供的链接主菜单中的所有页面都使用woocommerce。当我缩小浏览器窗口时，所有页面也都会断开。这似乎与woocommerce无关，但与标题/菜单的制作方式有关。然而，你应该在你的问题中明确你想要修正的是什么，这太宽泛了。所以它是用来回答特定问题的。@shojibur在手机和浏览器上测试了它。Madhavi，非常感谢您的帮助！这非常有效。