图像在移动设备上重新调整大小

Question

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

谢谢大家，非常感谢任何帮助。

Answer 1

使用类似Twitter Bootstrap之类的内容会更简单，而不是尝试编写自己的代码来根据设备调整大小。 Bootstrap会为您处理所有细节。

Answer 2

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

您拥有的设计（在浏览器上看起来很棒）无论如何都无法真正适当地扩展到移动设备。我推荐一个特定于移动设备，并有一些服务器端代码（如php）将用户重定向到适当的页面。

Answer 3

将此CSS添加到您的样式

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