JavaScriptを使用してブレークポイントを設定する

私は現時点では少しのJavaScriptを使ってメタビューポートタグを変更しています。今はuserAgentの単純な検出を行っていますが、すべてのモバイルデバイスなどをより適切にターゲットにするために、画面の幅のサイズ（ブレークポイント）に基づいて行いたいと思います。下のサンプルコード！JavaScriptを使用してブレークポイントを設定する

を使用でき

<meta id="viewport" name='viewport'> 
    <script> 
     (function(doc) { 
      var viewport = document.getElementById('viewport'); 
      if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) { 
       viewport.setAttribute("content", "initial-scale=1.0"); 
      } else if (navigator.userAgent.match(/iPad/i)) { 
       viewport.setAttribute("content", "initial-scale=0.65"); 
      } 
     }(document)); 
    </script>

出典

2016-10-03 Robert E

*「私は現在、JavaScriptのビットを使ってtを修正しています彼はMetaのビューポートのタグです。 "*ほぼ確実に機能しません。おそらく、あなたが*恐らく 'document.write'という恐怖のある形でそれを出力したり、それを変更してしまった場合、JavaScriptを使って後で変更することは疑いの余地があります。 –

基本的に、JavaScriptで画面サイズを検出する方法を知りたいですか？もしそうなら、これは[*応答するウェブデザインのための画面サイズを検出する方法？]（* http://stackoverflow.com/questions/31162606/how-to-detect-screen-size-for-responsive-web -設計） –

：あなたはuが最大-デバイス幅を設定することができますif節のためのjQueryモバイルライブラリ

を追加する必要が

：

if($.mobile.media("screen")){ 
    $('meta[name=viewport]').attr('content','Your stuffs'); 
}

注意

出典

2016-10-03 17:12:39 Lego

JavaScriptを使用してブレークポイントを設定する

答えて

関連する問題