如何修復我的網站以使其可以在移動設備上使用？

Question

我想讓我的網站在手持設備上調整大小，但形成某種原因而沒有響應樣式表。 如果你看看這裏：responsive design link，並把www.sofiamillares.com作爲現場測試，頂線被切斷，一切看起來都非常大。

有人能告訴我爲什麼會這樣做，那麼修復它的最簡單方法是什麼？

Answer 1

這是因爲你的設計不完全流暢。

只有你container div將與寬度調整（位）

要快速解決這個問題，你可以

1. 給你div S期百分數的寬度，所以他們規模與屏幕分辨率

2. 將您的方形盒子放在底部，這樣它們將堆放在較小的屏幕上

3. 考慮使用媒體查詢或某些js設備檢測來定位移動設備，並向它們發送修改後的css樣式表。

這裏得到一些想法：http://mediaqueri.es/

Answer 2

賈森指出，創建網站的移動特定版本通常是最好的解決方案。然後，您可以測試用戶代理字符串中的短語，例如「android」和「iphone」，然後將用戶重定向到您的移動網站。有可用於JavaScript的庫以及許多服務器端編程環境（PHP，ASPX等），它們爲您執行各種瀏覽器檢測。

構建移動網站時，您當然希望使頁面變得輕量，以便通過移動數據連接快速加載，並在縱向方向上適當地爲較小的屏幕進行格式化。