0
私はモバイルデバイスのナビゲーションに次のコードを使用しています。 （コードは非常に切り捨てられました）すべてのデバイスとブラウザでモバイルナビゲーションをサポートしていますが、その名前は何ですか？
<!DOCTYPE html>
<html>
<head>
<style>
html {
background-color:rgba(190, 234, 16, 0.30);
}
input[type=checkbox] {
position:absolute;
top:-9999px;
left:-9999px;
}
nav {
text-align:center;
background-color:white;
border-radius:30px;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;
}
input[type=checkbox]:not(:checked) ~ .navigation {
display:none;
}
#checkbox_label {
display:block;
text-align:center;
font-size:30px;
background-color:white;
border-radius:30px;
}
</style>
</head>
<body>
<label id="checkbox_label" for="checkbox">Navigation</label><input type="checkbox" id="checkbox">
<nav class="navigation">
<p><a href="">Test1</a></p>
<p><a href="">Test2</a></p>
<p><a href="">Test3</a></p>
<p><a href="">Test4</a></p>
</nav>
</body>
</html>
「ナビゲーション」をタップすると、ナビゲーションを表示したり非表示にすることができます。それは素晴らしいです。私もいくつかのデバイスとブラウザでチェックしましたが、もちろんそうではありません。
もちろん、私はこれが私のウェブサイトのすべてのユーザー、完全なブラウザの互換性のために機能したいと思っています。私もブラウザのサポートをgoogleにしようとしましたが、この "機能"の名前が何であるかわからないので簡単ではありません。
誰かがこれについて何か知っていますか？この "機能"の名前？ブラウザの互換性？