Question

我使用来自aThemes的WP 4.9.2和Leto主题。我在它上面构建的网站在更大的屏幕上看起来很棒，但实际上已经搞砸了。我检查了样式表 - 问题与@media查询有关。我似乎没有以正确的方式设置（css）。所以，我需要知道如何设置样式或使用什么css来设置东西。我使用的主题是Leto，我使用的是WooCommerce插件。因此，除了this one, which in my opinion, utilizes WooCommerce之外，网站的响应性在所有页面上都是完美的。任何人都欢迎任何帮助。这是you can look up the whole stylesheet --> stylesheet。您可以在第一个链接中下载主题，即Leto。

Answer 1

您可以使用媒体查询：

@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...
    }
}

或者请阅读： https://codex.wordpress.org/Styling_for_Mobile

在WordPress中设置移动设备样式表

1 个答案: