2

最近、Rails アプリをhttp://secret-brook-8909.herokuapp.com/にデプロイしました。

iPhone 4s で次のように見えるようにするつもりでした: http://responsive.victorcoulon.fr/

Rails アプリのスタイルシートを見ると、コンテナーのすべての幅を 320px にハードコーディングしたことが実際にわかります。しかし、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 に答える