如何使這個腳本的工作，只在移動設備，而不是桌面？

Question

解決！此腳本調整移動和桌面屏幕分辨率。我怎樣才能使它工作，只在移動設備，而不是桌面？

該腳本使網站負責，在移動設備中運行良好，但是，在桌面上留下的分辨率太大。

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.