0

Javascript初心者はこちら。

「up_arrow」(上向き矢印の画像) という要素があります。モバイル デバイスではなくデスクトップでは矢印を表示するスクリプトが必要です。そのため、次のスクリプトを使用しようとしました。

<script>
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test( navigator.userAgent )){
    document.getElementById('up_arrow').style.visibility = 'hidden';
}
</script>

上矢印の画像は私のコンピューターに表示されますが、Android フォンにも表示されます。誰かが私がコーディングで犯したエラーを説明してもらえますか?

前もって感謝します！

編集：要素「up_arrow's code」を含めました

<a href="#header-wrapper"><img id="up_arrow" class="uparrow" alt="uparrow" src="images/uparrow.png"></a>
4

2 に答える 2

1

cssスタイルシートでレスポンシブデザインアプローチを使用できます。例えば：

#up_arrow {
  visibility: hidden
}

@media screen and (min-width: 40.5em) {
  #up_arrow {
    visibility: visible 
  }
}

「小画面デバイス」のup_arrowを非表示にします（「モバイルデバイス」は、ユーザーエージェントではなく、画面サイズで定義します）。詳細については、http：//www.html5rocks.com/en/mobile/sensitivedesign/を参照してください。

于 2013-03-03T19:55:52.757 に答える
0

可視性の代わりにstyle.display="none"を使用する必要があります

于 2013-03-03T19:59:12.770 に答える