改变中继检视区标记(Altering meta viewport tag)

我需要改变中继检视区标记依赖于视觉视口的宽度。 我知道该怎么做，但它不工作，我认为这是因为该网站正在运行的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 -->

任何想法如何，我可以得到该块，以尽早因此它实际上生效运行？

感谢尼尔

Answer 1:

你可能正在运行与装置的DPI /定义的问题，基本上1个像素是不等于1个像素。 这应该是相当容易的研究。

文章来源: Altering meta viewport tag