rails app的移动优化

Question

我的网站位于http://bit.ly/1h3HLVE

我想解决有关在移动设备上查看网站的两个问题。

1. 顶部导航栏中的下拉框无法在移动设备上查看（无论如何都是我的iphone）
2. 当我第一次在手机上放大网站时加载网站，我需要缩小以正确查看。我想找到一种方法让它自动以适合移动设备的尺寸打开。

任何人都可以帮忙解决这些问题吗？

Answer 1

你要做的事情叫做响应式设计，最简单的方法就是学习Bootstrap，Bootstrap是设计框架，有一个名为bootstrap-sass的rails的gem用于轻松集成通过这种方式，您可以为不同的设备设置不同的行为（这是bootstrap的功能之一），您可以隐藏移动设备中的navbar，并在移动设备中显示另一个较小的行为。 Bootstrap还具有对图像和表格的自适应自适应支持，它将根据设备的宽度动态变化。

当然，如果您隐藏了项目，他们仍然会加载到您的网站，所以最终可能有点难以加载，您可以使用browser gem然后，这个允许您为不同的设计有不同的行为有条件（移动？桌面？例如），也让你有每个视图的不同视图。

检查它们两个，这是一个好的开始，并且有很多指南，问候。