jquery - 更改元视口标签

Question

我需要根据视觉视口的宽度更改元视口标签。我知道该怎么做，但它不起作用，我认为这是因为该站点运行那一点 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 像素。这应该很容易研究。