调整图像大小可调整整个导航栏和链接的大小

Question

1. 我在写简单的HTML &CSS和JS代码,

   I've trying to create a responsive nav-bar with my logo as a link for the home page - however,
   when the navbar height is ideal (at 2-3rem) the image is far too small,
   

   我试过调整填充和边距，但我不能放大在不放大导航栏中我的其他资产的情况下。

   [1] [HTML代码][2][CSS代码][3][图片以理想尺寸显示，链接&;导航条太大[4]

   [1] https://i.stack.imgur.com/5nnBc.png [2]:https://i.stack.imgur.com/eBgbj.png [3]:https://i.stack.imgur.com/dkcrj.png [4]:https://i.stack.imgur.com/iUj7m.png

   如有任何帮助，不胜感激

Answer 1

让你的导航栏像这样:.nav-bar:min-height:10vh;在此之前，请确保删除所有的padding和margin，并设置box-sizing为border box:*{margin:0; padding:0; box-sizing:border-box;}