window.innerHeight

Question

を設定すると、誰かがなぜheightビューポートのプロパティを設定しない私に説明していただけます。

<meta name="viewport" content="width=480px, height=120px">

は動作しませんか？ window.innerWidthは120pxだけでなく480px BUT window.innerHeight 210と報告しています。それではheightプロパティを設定する際のポイントは何ですか？

Answer 1

高さがないので、デバイスのサポートには特定のサイズを定義するのではなく、メディアのクエリが必要です。例

<meta name="viewport" content="width=500, initial-scale=1"> 

以下でもピクセルではないことに注意して -

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
http://www.w3schools.com/css/css_rwd_viewport.asp 

Answer 2

コメントで前述したように、あなたはなしPXを幅/ heigth を追加するsopposedしていますエンドユーザデバイスに応じたピクセル

この記事を見てみましょう：

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

またピクセルについてrefはピクセル

http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

---

EDITではありません。 OK - たぶん私は今、あなたの問題を得ました。私が気づいたビューポートの小道具で遊んでいる間に、あなたのブラウザのキャッシュが、たくさんのテストをしている間にあなたにトリックをしたのかもしれません。テスト中にクリアしなかったかどうかはわかりません。 - !!!モバイル以外のデバイスでテストしている場合は、ENDの注記をお読みください。

div{ 
    width: 60px; 
    height: 60px; 
    background-color: #000; 
} 

：すべての次のdivで

：

<meta name="viewport" content="height=50"> 

あなたは私があなたのために設定3つのウェブサイトを以下のチェックアウトする必要があります：変更に何かを、以下のことをあなたに簡単な例を与えるために

しかし、

http://testcode.de/test/1.html

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

http://testcode.de/test/2.html

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

http://testcode.de/test/3.html

<meta name="viewport" content="height=50"> 

注：ビューポートの初期サイズの大きさについてのヒントを与えビューポートは、唯一のいくつかののモバイルデバイスで使用されています。

OFC - これをテストするにはモバイルデバイスを使用する必要があります。 通常のブラウザを使用していれば、ここに答えがあります！