2013-09-25 47 views
1

我最近部署了一個Rails應用程序到:http://secret-brook-8909.herokuapp.com/響應式設計不適用於heroku部署的導軌應用程序?

我想要它看起來在iPhone 4S上看起來像它會使用:http://responsive.victorcoulon.fr/

如果你看一下我的導軌的樣式表應用程式後會真正看到我硬編碼容器的所有寬度爲320px。但是當我在我的iphone上的瀏覽器上打開它時,它看起來像是在更大分辨率的屏幕上打開它。此外,如果您點擊配置文件按鈕,在iPhone上,該按鈕看起來與普通瀏覽器上的不一樣。

如何解決這些問題?

回答

4

你需要在文檔

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

使用的頭部添加一個視口聲明這一點,但同樣的事情: 謝謝! – delisdeli

+0

@javiercf不工作。任何更新? –

0

我看不到任何HTML代碼中的問題,當我收縮我的瀏覽器時,它顯示完美。

使用iPhone進行測試時,請注意Safari所執行的緩存。請確保清除緩存還要再次嘗試關閉Safari的任何正在運行的實例。