Web サイトのスタイルとマークアップを操作しているときに、ユーザーがタッチをサポートするデバイスを使用している場合にのみ、デスクトップでナビゲーション メニュー項目を大きくしたい場所に出くわしました。それ以外の場合、ユーザーのみのオプションはマウスを使用することです。現在、私が行っているサポートの確認のために...
<html lang="en-us" class=" touchable">
<script type="text/javascript">
var is_touch_device = 'ontouchstart' in window || navigator.msMaxTouchPoints;
if(!is_touch_device){document.getElementsByTagName('html')[0].className = document.getElementsByTagName('html')[0].className.replace(' touchable','')}
</script>
<head>
触れていないときに touchable のクラスを削除するものはサポートされていません。しかし、私は現在、タッチが見つからない場合により迅速に削除されるように、html タグの直後に配置しているため、自分の方法について議論し続けています。おそらく1行下のヘッドセクションに移動する以外に、それを改善するための提案は誰にもあります。
ありがとう