支持所有设备和浏览器上的移动导航：但名称是什么？

我在移动设备上使用以下代码进行导航。（代码被截断了。）支持所有设备和浏览器上的移动导航：但名称是什么？

<!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>

通过点击“导航”，您可以显示和隐藏导航。这太棒了。我还用几种设备和浏览器检查过它，但当然不是全部。

当然，我希望这适用于我的网站的每个用户，全面的浏览器兼容性。我也试图谷歌的浏览器支持，但这并不容易，因为我甚至不知道这个“功能”的名称是什么。

有没有人对此有所了解？这个“功能”的名字？浏览器兼容性

来源

2017-01-30 user7128548

-1

我觉得它的手机导航菜单！

来源

2017-01-30 11:32:13 Ranjith

支持所有设备和浏览器上的移动导航：但名称是什么？

回答

相关问题