私は誰かのためにウェブサイトを作っていますが、画面の解像度とブラウザのズームに応じてサイズを変更したいと思っています(スマートフォンは含まれていません)。私は現在そのようなメニューを持っています:
メニューのすべての要素はdivにあり、ここにcssがあります。
#barre_utilisateur //For the menu bar(the red bar)
{
height:45px;
background-color:#A31E39;
width:100%;
}
#content_boutton_accueil //the home button
{
margin-left:2%;
width:200px;
display:inline-block;
}
#notification //exclamation mark button
{
cursor:pointer;
width:60px;
height:45px;
display:inline-block;
}
そして今、私は歯車のアイコンをユーザーボタンの左側の右側にあるスティックにしたいです。どうすればこれを達成できるかわかりません。
また、ズームインしすぎると、メニューの右側の部分が本来あるべき場所から外れてしまいます。これを防ぐ方法はありますか?
私が達成しようとしていることの良い例は、新しいOutlookライブページです。