1

ビジュアル ビューポートの幅に応じてメタ ビューポート タグを変更する必要があります。私はそれを行う方法を知っていますが、機能していません.サイトがそのJSを実行するのが遅すぎて有効にならないためだと思います. これではないかもしれませんが、これが私の最初の考えです。

私のapplication.jsファイルでは：

$(document).ready(function() {

  // If screen width is 480 or less then add meta viewport tag
  // (so default mobile display is used on iPads until that optimised view is added)
  if (window.innerWidth <= 480) { // This looks at the size of the visual viewport
    $('#viewport').attr('content', 'width=device-width');
  }

}

私のindex.htmlで：

<meta id="viewport" name='viewport'><!-- content attr is added via JS -->

そのブロックをできるだけ早く実行して実際に有効にする方法はありますか?

ありがとうニール

4

1 に答える 1

0

デバイスの dpi/定義に問題がある可能性があります。基本的に 1 ピクセルは 1 ピクセルに等しくありません。これはかなり簡単に調査できるはずです。

于 2014-12-02T14:38:02.700 に答える