2

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

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

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

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

4

2 回答 2

6

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">
于 2013-09-25T09:10:57.227 回答
1

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

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

于 2013-09-25T08:57:24.113 回答