Responsive design 移动设备上的图像大小调整

我是一个音乐家，在我的个人网站上工作（不是程序员，但我正在努力）。在我的网络浏览器中，我的网站看起来还不错，但当我在手机上查看时，背景图像和按钮被切断，似乎没有重新调整大小以适应浏览器窗口

---

谢谢大家，我真的很感谢你们的帮助

使用类似这样的工具将比尝试编写自己的代码来根据设备调整大小更简单。Bootstrap会为您处理所有细节。

网站不会在手机上自动缩放。您将容器设置为1000像素，典型手机浏览器的宽度为320像素

---

你所拥有的设计（在浏览器上看起来很棒）无论如何都不会适合移动设备。我推荐一种特定于移动设备的设计，并提供一些服务器端代码（如php），用于将用户重定向到相应的页面。

将此css添加到您的样式中

.container {
    display: block;
    position: absolute;
    text-align: center;
    top: 65%;
    width: 100%;
}

---

你好，盖奇，欢迎来到SO:SE。如果您可以提供如中所述的其他元素，例如，您使用哪种语言创建页面，以及您当前可以查看的相关代码，那么您将在这里找到很好的支持。你可以编辑你的问题来改进它，而不是发表评论。祝你好运