html - 在手机上隐藏按钮

Question

这是我的网站: http://site9171756.91.webydo.com/?v=1

有什么方法可以隐藏手机上的按钮吗？我想为移动设备编写不同的按钮。这是我对按钮的编码。

HTML

<a href="http://site9171756.91.webydo.com/Info.html" target="page3"
class="Button1" style="position: absolute; left: 60%; top: 400px; z-index:
1000;"  >Bliv forhandler</a>

CSS:

.Button1 {
font-family: Arial;
color: #FF0000;
font-size: 20px;
background: #ffffff;
padding: 10px 20px 10px 20px;
border: solid #FF0000 2px;
text-decoration: none;
} 

.Button1:hover {
  background: #FF7A7A;
  text-decoration: none;
}

问候 =)

Answer 1

您可以在移动设备上使用媒体查询隐藏按钮

@media (max-width: 480px) {
  .Button1 {
    display: none;
  }
}

可以找到有关媒体查询的更多详细信息 here和 here