РЕШЕННЫЙ! Этот сценарий изменяет размер разрешения для мобильных и настольных компьютеров. Как я могу заставить его работать, как раз в мобильных устройствах, а не на рабочем столе?Как заставить этот скрипт работать, только на мобильных устройствах, а не на рабочем столе?
Сценарий делает сайт ответственным, отлично работает на мобильных устройствах, но оставляет слишком большое разрешение на рабочих столах.
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();
Знаете ли вы, что он делает, или вы просто копируете или вставляете откуда-то? Кроме того, что вы пробовали и что пошло не так? – RaphaelDDL