为移动版

Question

我想为我的移动版使用不同的徽标。

我发现您在HTML源代码中添加了另一个徽标，然后在CSS中定义了根据页面大小显示徽标的内容。

我的问题是我使用Wordpress而无法真正访问源代码。我只能在functions.php文件中写一些东西。

我的徽标是导航栏中的位置，这也使其更加困难。

太感谢任何帮助:) 丹尼尔

My Page

Answer 1

是的，您可以使用媒体查询来执行此操作，例如：

.mobile-logo-class { 
  display:none;
}

@media screen and (max-width: 768px) { // 768px or your break point

    .mobile-logo-class { 
      display: inline-block; // or block
    }

   .desktop-logo-class {
      display:none;
   }

}

或者您可以使用＆＃34;图片＆＃34;标记，但要小心IE支持： https://webdesign.tutsplus.com/tutorials/quick-tip-how-to-use-html5-picture-for-responsive-images--cms-21015