我需要根据可视视口的宽度来改变 metaviewport标签。我知道怎么做，但它不起作用。我想这是因为网站运行JS太晚了，它无法生效。可能不是这样，但这是我的第一个想法。
在我的application.js文件中：

$(document).ready(function() {

  // If the screen width is 480 or less, then add a meta viewport tag
  // (so the default mobile display is used on iPads until that optimized 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 -->

有什么想法可以让这个块尽早运行，这样它就可以生效了吗？