移動設備上的圖片大小調整

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