デスクトップ上のボタンを非表示にする方法

Question

私は自分のウェブサイトにボタンを持っていますが、携帯でしか利用できないようにしたいと思います。 デスクトップのサイトからどうやって隠すことができますか？

<div class="pull-right"> 
    <button class="button-menu-mobile open-left"> 
     <i class="ion-navicon"></i> 
    </button> 
    <span class="clearfix"></span> 
</div> 

そして、ここでは

.button-menu-mobile { 
background: transparent; 
border: none; 
color: #ffffff; 
font-size: 21px; 
line-height: 60px; 
padding: 0px 15px; 

感謝:)

Answer 1

あなたがフルスクリーンに行く場合、私はあなたが見ることができなくなり、ここでは、作業コードスニペットを添付していCSSですボタン。

実施例

@media(min-width: 900px) 
 
    { 
 
    .button-menu-mobile 
 
    { 
 
    display:none; 
 
    } 
 
    }

<div class="pull-right"> 
 
    <button class="button-menu-mobile open-left"> 
 
     <i class="ion-navicon"></i> 
 
    </button> 
 
    <span class="clearfix"></span> 
 
</div>

あなたは、この目的のためにメディアクエリを使用する必要があります。必要に応じてmin-widthを設定します。

@media(min-width: 900px) 
{ 
.button-menu-mobile 
{ 
display:none; 
} 
} 

Answer 2

コード：

@media screen and (min-width: 600px) { 
 
    .pull-right { 
 
     visibility: hidden; 
 
    } 
 
}