html - デスクトップ用の HTML で nvabar を透明にし、モバイル画面のトグルで同じ nave バーを表示する方法。

Question

こんにちは、デスクトップ用のHTMLでnvabarを透明にし、モバイル画面のトグルで同じ navebar を表示する方法。メディアクエリを使用して。

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;
}
}