手机上的隐藏按钮答案

【问题标题】：Hide button on mobile手机上的隐藏按钮
【发布时间】：2015-11-24 00:04:22
【问题描述】：

这是我的网站： 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;
}

问候 =)

【问题讨论】：

标签： html css mobile hide information-hiding

【解决方案1】：

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

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

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

【讨论】：

谢谢.. 很简单！ :)