html - 电话图标仅出现在移动 View 中

在我的网站上，我有一个电话图标，因此在移动视图中，他们可以单击电话图标并拨打某项业务，但我不知道如何使其仅出现在移动视图中。

<style type="text/css">
  #tel {display:none;}
  @media all and (max-width: 1000px) {
    #tel {display:block;}
  }
</style>

<div class="tel">
<a href="tel:[phone]"><img src="images/phone.png" /></a>
</div>

最佳答案

#tel

引用一个ID，您必须使用

.tel

在CSS

关于html - 电话图标仅出现在移动 View 中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32855456/