Html 当页面变小时，如何使固定导航条粘在图片上
我已经创建了图片徽标，并将其固定在页面顶部。我在它下面固定了菜单栏。但当我缩小页面尺寸时，图片会缩小，但菜单会保持在固定位置，从而在图片和菜单之间产生这样的间隙。当页面为正常大小时，图片和导航栏位于正确的位置，如下所示。如何使导航紧贴图像？这个想法是当滚动页面图像时，导航会固定在页面顶部，但一旦页面变小，图像和导航就会一起移动，而不会在页面之间留下空间。我的意思是，导航从顶部保持在190px，固定在图片下方。此时图像变小，但导航栏保持固定位置。我曾尝试在网上查看此问题，但我无法找到解决方案 我的代码是：Html 当页面变小时，如何使固定导航条粘在图片上,html,css,Html,Css,我已经创建了图片徽标，并将其固定在页面顶部。我在它下面固定了菜单栏。但当我缩小页面尺寸时，图片会缩小，但菜单会保持在固定位置，从而在图片和菜单之间产生这样的间隙。当页面为正常大小时，图片和导航栏位于正确的位置，如下所示。如何使导航紧贴图像？这个想法是当滚动页面图像时，导航会固定在页面顶部，但一旦页面变小，图像和导航就会一起移动，而不会在页面之间留下空间。我的意思是，导航从顶部保持在190px，固定在图片下方。此时图像变小，但导航栏保持固定位置。我曾尝试在网上查看此问题，但我无法找到解决方案 我的
<body>
<link href="style.css" rel="stylesheet" type="text/css">
<img src="Capture.JPG" width="1210" height="100" class="header">
<nav>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Projects</a></li>
</ul>
</nav></body>