javascript - 如果是手机，在 meta name="viewport" 中添加 "width=device-width"

Question

如果是手机，则需要在 meta name="viewport" 中添加“width=device-width”。试图使用它无济于事：

//iPhone Fix
jQuery(document).ready(function(){
    if (jQuery(window).width < 767)  {
        var meta = document.getElementsByTagName("meta");
        meta.setAttribute("width","device-width");
    }
}); 

如果我没有在元标记中设置 width="device-width"，网站在手机上看起来很棒，而且 media.css 会启动，但平板电脑会变形。任何帮助都会很棒。谢谢

Answer 1

我认为您的代码中只有一点错误，这应该可以：

//iPhone Fix
jQuery(document).ready(function(){
    if (jQuery(window).width < 767)  {
        var meta = document.getElementsByTagName("meta");
        meta[0].setAttribute("width","device-width");
    }
});

在您的原始代码中，您尝试在元素数组而不是元素本身setAttribute上使用该方法。希望这可以帮助。