我最近将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实例,然后再次尝试。