Html 如何在mobile view wordpress上使用不同的徽标？

在移动设备上查看我的网站时，如何显示不同的徽标

我对html一无所知，因为经过一些研究，我发现可以在style.ccs中添加一些ccs

我在Wordpress上工作，但我尝试了不同的方法，没有人为我工作。如果有人能为我的网站提供代码，我将非常感激：

我的网站是camporecoleta.com.ar，我想在移动设备上加载页面时显示下一个徽标：

---

我希望任何人都能帮助我，对不起，如果我有任何错误，我的主要语言不是英语。可能有很多方法可以做到这一点，但一个简单的方法是使用带有@media的简单旧css，它将根据视口应用不同的样式

基本上，您可以在元素上使用css背景图像，当屏幕达到指定大小时，会有另一个css类应用不同的图像

你也可以调整同一个标志的大小

尝试使用CSS媒体查询，如下所示：

@media only screen and (max-device-width : 640px)
{
     /* style here apply for screen width up to 640px */
     #logo
     {
         background-image: url('pathToImages/myMobileLogo.jpg');
     }
}

@media only screen and (min-device-width : 640px)
{
     /* style here apply for screen width above 640px*/
     #logo
     {
         background-image: url('pathToImages/myBiggerImage.jpg');
     }
}

---

您可以通过媒体查询解决您的问题

或 Try函数wp_是可变的

if ( wp_is_mobile() ) {
    /* Display and echo mobile specific stuff here */
}