2016-06-27 10 views
0

モバイルウェブエミュレータを読み込むと、サイトが小さく見えることがあります。これがなぜ起こるのか理解しようとするのは、私を狂ってしまう。Chrome Dev Tools - モバイルウェブエミュレータが小さすぎる

検査官のページにexample screenshot of a correctly displayed pageがあります。ここにはscreenshot of an incorrectly displayed pageがあります。 2番目のスクリーンショットでわかるように、ページは小さく見えます。

なぜこれが起こっているのか、それを修正する方法についての考えはありますか?前もって感謝します。

+0

ようこそStackOverflow。私はあなたの質問がはっきりしていないと言いたいと思います:まず、あなたは「時にはこれと時々」という問題を説明しますが、あまり明確ではない明確な説明が付いたスクリーンショットも添付します。正しく理解すれば、あなたのウェブホスティングに置かれたページと、もう一つはlocalhostのためのものです。これを明確にして、明白な質問をしてください。宜しくお願いします。 – YakovL

+0

YakovLありがとうございます。問題は、エミュレータ内のページのサイズが大きく異なることです。なぜですか?はい、正解です。最初のページはホストされ、2番目のページはローカルホストにあります。 – otsf12

+0

したがって、ローカルホスト上ではサイズが小さく、常にですか? – YakovL

答えて

0

あなたの問題はビューポートメタタグがないと思います。 これをページの頭の部分に入れてください。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
関連する問題