我最近将rails应用程序部署到：http://secret-brook-8909.herokuapp.com/
我打算让它看起来像iphone 4s一样：http://responsive.victorcoulon.fr/
如果你查看我的rails应用程序的样式表，你会看到我硬编码容器的所有宽度为320px。但是当我在我的iphone上的浏览器上打开它时，它看起来像是在更大的分辨率屏幕上打开。此外，如果您单击配置文件按钮，则在iPhone上，该按钮与普通浏览器上的按钮看起来不一样。
我该怎么做才能解决这些问题？
答案 0 :(得分：5)
您需要在文档的头部添加一个视口声明
<meta name="viewport" content="width=device-width, initial-scale=1.0">
答案 1 :(得分：0)
我在HTML代码中看不到任何问题，当我缩小浏览器时，它显示完美。
使用iPhone进行测试时，请注意Safari的缓存。确保清除缓存并也关闭所有正在运行的Safari实例，然后再次尝试。