2017-02-16 8 views
-2

РЕШЕННЫЙ! Этот сценарий изменяет размер разрешения для мобильных и настольных компьютеров. Как я могу заставить его работать, как раз в мобильных устройствах, а не на рабочем столе?Как заставить этот скрипт работать, только на мобильных устройствах, а не на рабочем столе?

Сценарий делает сайт ответственным, отлично работает на мобильных устройствах, но оставляет слишком большое разрешение на рабочих столах.

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();

+1

Знаете ли вы, что он делает, или вы просто копируете или вставляете откуда-то? Кроме того, что вы пробовали и что пошло не так? – RaphaelDDL

ответ

0

использовать этот плагин для обнаружения только мобильный и выполнить свой код только для мобильных

http://mobiledetect.net/

+0

Я пробовал это сегодня. но с фатальными ошибками. Я не знаю, как объединить код мобильного поиска sintax с этим отзывчивым скриптом: isMobile()) { – Marcelo

0

, если вы хотите, чтобы предотвратить выполнение Дж.С. кодов для настольных устройств вобще это:

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

1000px - пример; вы можете установить желаемую ширину;

+0

Большое вам спасибо! Простая вещь, решить мою проблему! Что я делаю: