在移动设备和桌面设备上显示不同的徽标? [英] Display a different logo on mobile and desktop?
本文介绍了在移动设备和桌面设备上显示不同的徽标?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想在移动设备上更改标题上的徽标.这是显示在桌面和移动设备上的当前标题中的代码(在桌面上它是返回主屏幕的链接).有没有什么简单的方法可以只在移动版本上更改它?
HTML:
<a class="main logo" href="http://sheisbiddy.com/home/" title="Main Logo" alt="main logo"><img src="http://sheisbiddy.com/wp-content/uploads/2016/01/SHEISBIDDY-main-logo-smaller-6.png" border="0" alt=""/></a>CSS:
#mainlogo {text-align:center;}
感谢你们！
解决方案 您可以使用媒体查询并有选择地显示/隐藏元素.您的 html 将在标记中包含两个徽标，您的 CSS 将根据屏幕大小定义显示哪个徽标.
例如: