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

Question

在我的网站上，我有一个电话图标，所以在移动 View 中，他们可以点击电话图标并调用某个业务，我不知道如何让它只出现在移动 View 中。

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

<div class="tel">
<a href="tel:555-555-5555"><img src="images/phone.png" /></a>
</div>

Answer 1

#tel 

指的是一个id，你要用

.tel 

在 CSS 中