ウィンドウのサイズを変更したときに、navbarのmy liタグの値/コンテンツを変更するにはどうすればよいですか？

Question

おはようございますSir/Maam ..

私はちょうどあなたが与えることができるか、または可能であれば正確なコード:)あなたの意見からいくつかのアイデアを尋ねたいと思います。 私の最初のウェブサイトのデザインに取り組んでいます。私はこの問題を抱えています。これは、ウィンドウを完全にサイズ変更したときにNavbarの値やコンテンツを変更する方法です。 どうすればこの問題を解決できるのか分かりません。ここで助けが必要です。ありがとうございます！

これは私のサンプルプロジェクト

フルサイズを変更

私のナビゲーションバーでの私のナビゲーションバー私は、最大幅580pxにリサイズし、メニューバー

をクリックしたときに、これがあるの出力であります私は完全にそれをリサイズしたときのように見え、それを普通にしたと思うのは苦労します。

私の悪い英語のために申し訳ありません..私の問題を理解し、これを解決するためのいくつかのアイデアを与えることを願って..たくさんありがとう！

Answer 1

あなたはニーズに応じて正確に画像使用CSSで

@media only screen and (max-width: 768px) { 

.your_class{ 
font-size:0px; 
} 
} 

変化幅として行う必要がある場合。最小幅を使用することもできます。

Answer 2

あなたはCSSメディアクエリになります：

@media (max-width: 600px) { 
 
    li span { /* on mobile screens span will be hidden try resizing. */ 
 
    display: none; 
 
    } 
 
}

<ul> 
 
    <li>icon <span>users</span></li> 
 
    <li>icon <span>profile</span></li> 
 
    <li>icon <span>mail</span></li> 
 
</ul>