このスクリプトを動作させるには、デスクトップではなくモバイルデバイスでのみ動作しますか？

Question

SOLVED！このスクリプトは、モバイルとデスクトップの画面解像度を変更します。デスクトップではなく、モバイルデバイスでのみ動作させるにはどうすればいいですか？

このスクリプトはウェブサイトの責任を果たし、携帯端末でうまく動作しますが、デスクトップでは解像度が大きすぎます。

if (! class_exists('Responsive')) : 
 
class Responsive { 
 

 
    // Constants 
 
    const NAME = 'responsive'; 
 
    const SLUG = 'responsive'; 
 

 
    ////////////////////////////////////////////////// 
 
    // Constructor makes sure jQuery will be added. // 
 
    ////////////////////////////////////////////////// 
 
    function __construct() { 
 

 
    add_action('wp_enqueue_scripts', 'add_jquery'); 
 
    function add_jquery() { 
 
     wp_enqueue_script('jquery'); 
 
    } 
 

 
    add_action('wp_head', array(&$this, 'draw_')); 
 

 
    } // End constructor(). 
 

 
    /////////////////////////////////// 
 
    // Main JavaScript resize script // 
 
    /////////////////////////////////// 
 
    function draw_() { 
 
    ?> 
 
    <script> 
 

 
     jQuery(window).resize(function() { 
 
     safescale(); 
 
     }); 
 
     jQuery(document).ready(function() { 
 
     jQuery(window).trigger('resize'); 
 
     jQuery(window).trigger('resize'); 
 
     }); 
 

 
     function scale(factor_x){ 
 
     jQuery('html').css("transform","scale("+factor_x+","+factor_x+")"); 
 
     jQuery('html').css("-moz-transform","scale("+factor_x+","+factor_x+")"); 
 
     jQuery('html').css("-webkit-transform","scale("+factor_x+","+factor_x+")"); 
 
     jQuery('html').css("-o-transform","scale("+factor_x+","+factor_x+")"); 
 
     } 
 

 
     function safescale(){ 
 

 
     factor_x = jQuery(window).width()/jQuery('body').width() ; 
 

 
     jQuery("html").css({"position": "absolute", "margin": "0px", "padding": "0px"}); 
 
     jQuery("body").css({"position": "absolute", "margin": "0px", "padding": "0px"}); 
 
     scale(factor_x); 
 
     } 
 
    </script> 
 

 
    <?php 
 
    return true; 
 
    } 
 

 

 
} // end class 
 
endif; 
 

 
new Responsive();

Answer 1

使用このプラグインを唯一のモバイル検出し、あなたがデスクトップデバイスのためのjsのコードの実行を防止したい場合にのみ、携帯

http://mobiledetect.net/

Answer 2

のためにあなたのコードを実行するだけで行いますこれは：

// js : 
if (jQuery(window).width() < 1000) { 
    // your codes goes here; 
} 

1000pxは例です。あなたはあなたの希望の幅を設定することができます。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.