If statement 在Joomla中创建if语句
我用购买的模板和Joomla建立了一个网站。我有一个公司标志,它完美地显示在桌面上。它在手机上显示得太大了。这是我输入的以下代码If statement 在Joomla中创建if语句,if-statement,joomla,If Statement,Joomla,我用购买的模板和Joomla建立了一个网站。我有一个公司标志,它完美地显示在桌面上。它在手机上显示得太大了。这是我输入的以下代码 <p><img src="images/Logomakr_7azv9e.png" alt="" width="100%" height="100%" /></p> 我该如何编写一个if语句,使徽标/图片只显示在台式机上,而不显示在手机上?或者是为了使徽标看起来更小?正如其他人所指出的,CSS是最好的方法 HTML 将类添加到图
<p><img src="images/Logomakr_7azv9e.png" alt="" width="100%" height="100%" /></p>
我该如何编写一个if语句,使徽标/图片只显示在台式机上,而不显示在手机上?或者是为了使徽标看起来更小?正如其他人所指出的,CSS是最好的方法 HTML
将类添加到图像中,以便可以将其作为目标并删除高度和宽度值:
<p><img class="logo" src="images/Logomakr_7azv9e.png" alt="" /></p>
使用@media querys隐藏移动设备上的徽标,将视口从767px调整到您喜欢的位置
@media (max-width: 767px) {
.logo{display:none;}
}
不过你还有其他选择。您提到手机上的徽标太宽,因此您可以将其缩小,而不是将其完全移除:
@media (max-width: 767px) {
.logo{
width:30%;
height:30%;
}
}
祝你好运 听起来像是CSS问题。这就是现在的代码为什么你要硬编码而不是使用CSS?if语句不是实现这一点的方法,在模板中正确使用css是实现这一点的方法。
@media (max-width: 767px) {
.logo{
width:30%;
height:30%;
}
}