ウェブアプリは、ページは、異なる寸法

だが、私はhtmlの広告を開きたいとしましょう、私は私のネクサス上で、携帯用のクロムに私のWebアプリ上で理解していない動作がありますがありますview.htmlページに含まれています。広告は250px * 250pxです。

1 - ブラウザでview.htmlを直接開いた場合：window.innerWidth = 284およびwindow.innerHeight = 511。広告のディメンションが良好に表示されます。

2 - Index.htmlは、iframeでview.htmlを開くページです。 index.html、window.innerWidth = 980、window.innerHeight = 1305を開きます。 iframeがview.htmlを読み込みますが、この場合iframeが小さすぎます。

2つのページのサイズが異なる理由はわかりませんが、ありがとうございます！

出典

2016-09-02 Vivien Adnot

ありがとうhttps://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag – jcubic

@jcubicは、私は必要なすべてを追加することでした、コメントで言ったように：index.htmlを

の頭の中で

<meta name="viewport" content="width=device-width" />

あなたはindex.htmlのページにメタタグをビューポート必要

出典

2016-09-02 14:53:36

htmlを記述するとhtmlとしてレンダリングされるので、メタタグは表示されません。{}ボタンを使用してコードとしてマークする必要があります。 4スペースインデント。 – jcubic

ウェブアプリは、ページは、異なる寸法

答えて

関連する問題