1

これは私のサイトです: 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;
}

よろしく=）

4

1 に答える 1

2

モバイルでメディアクエリを使用してボタンを非表示にできます

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

メディアクエリの詳細については、こちらとこちらをご覧ください

于 2015-08-29T12:39:06.103 に答える