如何在桌面上的HTML中透明nvabar，并在移动屏幕上的切换中显示相同的中间条

Question

大家好如何在HTML中为桌面透明nvabar，并在移动屏幕的切换中显示相同的导航栏使用媒体查询。

Answer 1

在HTML:中

<div class="nav">
// opened navbar codes here
</div>
<div class="toggled">
// toggled navbar codes here
</div>

在CSS中：

.toogle{
display:none;
}
@media only screen and (max-width: 500px){
.toogle{
display:block;
}
.nav{
display:none;
}
}