Rails應用程序的移動優化

Question

我有一個網站在http://bit.ly/1h3HLVE

我試圖解決有關在移動設備上查看網站的兩個問題。

1. 在頂部導航欄的下拉列表框不移動工作觀看（與我的iPhone反正）
2. 當我下載該網站在第一時間就被放大了我的手機，我需要縮小正確地看到它。我想找到一種方法，讓它能夠以適合移動設備的尺寸自動打開。

任何人都可以幫忙嗎？

Answer 1

你所試圖做的是所謂的響應式設計，最簡單的方法是瞭解一點Bootstrap，引導是設計的框架，有一個軌道稱爲bootstrap-sass輕鬆集成寶石，有了這個，你可以設置不同的不同設備的行爲（這是引導的功能之一），您可以在移動設備中隱藏例如navbar，並顯示另一個較小的移動設備。 Bootstrap還對圖像和表格進行了自適應支持，它會根據設備的寬度動態變化。

當然，如果你隱藏物品，他們仍然會加載到你的網站，所以最終可能有點難以加載，你可以使用browser gem然後，這一個允許你有不同的行爲，不同的設計與條件移動？桌面？例如），也讓你有不同的看法。

檢查他們兩個，是一個很好的地方太開始，有很多的指導，這些，問候。