在Joomla中创建一个if语句

Question

我使用购买的模板和Joomla构建了一个网站。我有一个企业徽标，可以在桌面上完美显示。它在移动设备上太大了。这是我输入的以下代码。

<p><img src="images/Logomakr_7azv9e.png" alt="" width="100%" height="100%" /></p>

我如何编写if语句，以便徽标/图片仅显示在桌面而非移动设备上？或者也许是为了让徽标显得更小？

Answer 1

正如其他人所说，CSS是最好的方法。

<强> HTML
在图像中添加一个类，以便您可以对其进行定位并删除高度和宽度值：

<p><img class="logo" src="images/Logomakr_7azv9e.png" alt=""  /></p>  

CSS

设置徽标大小的默认值

.logo{
 width:100%;
 height:100%;
}

使用@media查询隐藏移动设备上的徽标，将视口从767px调整为您喜欢的任何内容

@media (max-width: 767px) {
 .logo{display:none;}
}  

你确实有其他选择。你提到手机上的徽标太宽了，所以不要完全删除它，你也可以把它缩小：

@media (max-width: 767px) {
  .logo{
    width:30%;
    height:30%;       
   }
 }   

祝你好运！