响应式设计不适用于heroku部署的rails应用程序？答案

【问题标题】：Responsive design not working on heroku deployed rails app?响应式设计不适用于heroku部署的rails应用程序？
【发布时间】：2013-09-25 08:09:46
【问题描述】：

我最近将一个 Rails 应用程序部署到：http://secret-brook-8909.herokuapp.com/

我打算让它在 iphone 4s 上看起来像它会使用的那样：http://responsive.victorcoulon.fr/

如果您查看我的 rails 应用程序的样式表，您实际上会发现我将容器的所有宽度都硬编码为 320 像素。但是当我在 iphone 上的浏览器上打开它时，它看起来像是在更大分辨率的屏幕上打开的。此外，在 iPhone 上，如果您单击配置文件按钮，该按钮的外观与在普通浏览器上的不同。

我可以做些什么来解决这些问题？

【问题讨论】：

【解决方案1】：

需要在文档头部添加视口声明

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：

【解决方案2】：

我在 HTML 代码中看不到任何问题，当我缩小浏览器时，它可以完美显示。

使用 iPhone 进行测试时，请注意 Safari 所做的缓存。确保清除缓存并且在重试之前关闭所有正在运行的 Safari 实例。

【讨论】：