如果是手机，请在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方法，而不是元素本身。 希望这会有所帮助。