Question

我正在开发一个项目，我有一些按钮图像，我想根据浏览器或屏幕尺寸自动调整大小。

我已经设法使用此代码在CSS中获取此内容：

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

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

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

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

Answer 1

好吧，请尝试添加到以下页面的<head>：

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

那应该有用。如果你想让他们到中心，只需使用

body {text-align:center;}

或img {margin-left:auto; margin-right:auto;}