如果是手機，則在meta name =“ viewport”中添加“ width = device-width”

Question

如果是手機，則需要在元名稱=“ 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");
    }
}); 

如果我未在meta標記中設置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方法。 希望這可以幫助。