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

del*_*eli 1 html css ruby-on-rails heroku responsive-design

我最近部署了一个rails应用程序:http://secret-brook-8909.herokuapp.com/

我打算在iphone 4s上看一下它的外观:http://responsive.victorcoulon.fr/

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

我该怎么做才能解决这些问题?

jav*_*rcf 5

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Run Code Online (Sandbox Code Playgroud)