響應式設計不適用於heroku部署的Rails應用程序？

Question

我最近在以下位置部署了Rails應用程序： http : //secret-brook-8909.herokuapp.com/

我打算讓它在iphone 4s上看起來像它使用的樣子： http ：//響應.victorcoulon.fr /

如果您查看我的rails應用程序的樣式表，您實際上會看到我將容器的所有寬度硬編碼為320px。 但是，當我在iPhone上的瀏覽器中打開它時，看起來好像是在較大分辨率的屏幕上打開了它。 此外，在iPhone上，如果單擊配置文件按鈕，則該按鈕的外觀與普通瀏覽器上的外觀不同。

我該如何解決這些問題？

Answer 1

您需要在文檔的頭部添加視口聲明

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

Answer 2

我在HTML代碼中看不到任何問題，並且當我縮小瀏覽器時，它可以完美顯示。

使用iPhone測試時，請注意Safari進行的緩存。 在重試之前，請確保清除緩存並關閉所有正在運行的Safari實例。