私はウェブアプリを構築しています。画像のサイズはパーセンテージを使用して設定されます。ツールバーとして使用される別の画像と重なる 3 つの画像があります。ブラウザを全画面表示にして画像を表示すると、きれいに見えます。ただし、画面を小さくして表示すると、画面に対する画像サイズの比率が変わるようです。これを変更するにはどうすればよいですか?
フルサイズ:
小さいサイズのバージョン:
アイコンのサイズの違いに注意してください。
私のコード:
<div id="bottombar" data-position="fixed">
<img id="ico" class="foodico" src="images/icons/Food1.png" width="3%">
<img id="ico" class="shopico" src="images/icons/Shop1.png" width="3%">
<img id="ico" class="activityico" src="images/icons/Activity1.png" width="3%">
<img id="Bbackground" src="images/icons/NavBarBackground.png" width="100%" height="7.8%">
</div>