更改元视口标记

我需要根据视觉视口的宽度更改元视口标记。 我知道如何做到这一点，但它不起作用，我认为这是因为该网站运行这一点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中：

任何想法如何让我的块尽快运行，所以它实际上生效了？

谢谢尼尔

Answer 1

您可能遇到设备的dpi /定义问题，基本上1个像素不等于1个像素。 这应该相当容易研究。