html - 如何在 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;
}
}