Html 调整大小&；根据Web浏览器大小拉伸图像CSS

我正在做一个项目，我有几个按钮图像，我想根据浏览器或屏幕大小自动调整大小

我已经通过以下代码在CSS中实现了这一点：

#nav {
max-width: 100%;
position: absolute;
top: 0%;
right: 0%;
width: auto;
height: auto;
z-index: 8;
}

img { max-width: 100%; height: auto; }

但是我希望它也能从左到右水平伸展。图像会粘贴在浏览器的左侧，但当我增加浏览器的宽度时，会产生以下结果：

---

如果可能的话，我想将图像一直向右拉伸。

好的，尝试添加到页面的

：

<meta name="viewport" content="width=device-width">

---

或者

img{margin left:auto；margin right:auto；}

那么，尝试将以下内容添加到页面的

：

<meta name="viewport" content="width=device-width">

---

或者

img{margin left:auto；margin right:auto；}

实际上我的头中已经有了meta。添加正文algin确实会将图像向右移动，但不会拉伸它。实际上，我的标题中已经有了meta。添加正文阿尔金确实会将图像向右移动，但不会拉伸。请，做一个代码提琴请，做一个代码提琴