移动设备上的图片大小调整

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%; 
}