Html CSS菜单栏移出背景图像

我正在为学校做一个项目，我们必须制作一个网页。因为这是我第一次做这样的事情，所以我有一个小问题。问题是，当我缩小屏幕宽度时，我的菜单栏会移出背景图像。你可以在这里看到：

我的html：

nav{
背景：url（Images/headerdept.jpg）；
高度：469px；
宽度：100%；
背景重复：无重复；
背景大小：100%；
利润上限：-50px；
显示：内联块；
}
保险商实验室{
列表样式：无；
填充：0px；
边际：0px；
}
ulli{
显示：块；
位置：相对位置；
浮动：左；
}
李乌尔{
显示：无；
}
ullia{
显示：块；
填充：7px；
文字装饰：无；
空白：nowrap；
颜色：#000；
背景色：#FFF；
不透明度：0.75；
右边距：10px；
边缘顶端：430px；
}

从您的

导航标签中删除
背景尺寸：100%
。
理解片段的含义。但当我这样做并尝试将其缩小时，我的图像不会显示完整，就像我在手机上打开网站时一样使用
背景尺寸：封面；背景位置：中心
使您的图像具有响应性。