2016-05-17 4 views
1

背景:私はアプリケーションをモバイルフレンドリーにしようとしています。しかし、ブートストラップを使っているにもかかわらず、iphone6でアプリケーションを見ると、たくさんのdivが非常に小さく、chrome devツール 'toggle device modeに設定されています。要素はデバイスビューポートよりも大きいピクセル幅を持ちますが、完全に表示されます(モバイルウェブアプリ)

それからデバイスは375px幅、

enter image description here

アプリの<body>

要素が980px幅であっても実現します。そして、画面上に完全に表示されています。

enter image description here

は(私の知る限り)980pxの幅を強制的にCSSのthatsの中でどこにもありませんので、私はかなり混乱しています。

私はアプリケーションのフロントエンドでの作業に多くの経験がないので、少し頭がおかしくなります。

注:Railsアプリケーションであり、影響がある場合はAngularJSを使用しています。

これまでにこの問題に遭遇したことがありましたか、これをトラブルシューティングする方法がありますか?

答えて

1

このコードをあなたのウェブページに追加しましたか?ブラウザにページのサイズとスケーリングを制御するよう指示します。

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

これは、ページの<head>タグ内に追加する必要があります。

関連する問題