更改元视口标记

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个像素。这应该相当容易研究。