0

携帯電話の場合、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 が起動しますが、タブレットは歪んでしまいます。どんな助けでも素晴らしいでしょう。ありがとう

4

1 に答える 1

1

コードに少しエラーがあると思いますが、これでうまくいくはずです:

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

元のコードでは、要素自体ではなく、要素の配列に対してsetAttributeメソッドを使用しようとしました。お役に立てれば。

于 2013-09-14T21:11:47.933 に答える