モバイルでアイコンを消すにはどうすればよいですか？

これは簡単な答えです。デスクトップ上にテキストの段落の下に一連の共有アイコン（fb、tw、ig）が必要なページがあります。しかし、モバイルでは、これらのアイコンはすでにテンプレートに含まれているので、表示する必要はありません。それは繰り返し見える。私はCMSを使用しており、ヘッダーではなくページの本文にしかアクセスできないため、広範なJavaScriptが理想的ではありません。どのようなインラインCSSスタイルやその他の魔法はこのdivを消えるだろうか？また、検証済みの携帯端末でのみ縮小することができますか、ブラウザのウィンドウサイズで行う方がよいでしょうか？モバイルでアイコンを消すにはどうすればよいですか？

現在のコードは非常に簡単です：

<html> 
    <body> 
     Some text here. 
     <div id="mydiv"> 
      <img src="/some/icon1.png"> 
      <img src="/some/icon2.png"> 
      <img src="/some/icon3.png"> 
     </div> 
    </body> 
</html>

私がする必要があるのは、私はiPhone、iPad、またはAndroidデバイスを使用している場合は、 "mydiv" 消すです...

感謝君は！

出典

2016-07-15 user1149499

あなたはメディアクエリを使用することができます。

メディアクエリはメディアタイプや、幅、高さ、色などのメディア機能を使用して、スタイルシート範囲を限定するものでは0個以上の式から構成されています。

メディアクエリがtrueの場合、通常のカスケード規則に従って、対応するスタイルシートまたはスタイルルールが適用されます。

ドキュメント：例えば

：

@media (max-width: 787px) { 
 
    #mydiv { 
 
    display: none; 
 
    } 
 
}

Some text here. 
 
<div id="mydiv"> 
 
    <img src="/some/icon1.png"> 
 
    <img src="/some/icon2.png"> 
 
    <img src="/some/icon3.png"> 
 
</div>

出典

2016-07-15 18:13:43

チャームのように働いた！ありがとうございました！ – user1149499

モバイルでアイコンを消すにはどうすればよいですか？

答えて

関連する問題