@media (max-width: 1024px
) и вся недолга. Требуемый эффект будет достигнут для всех экранов до 1024px, это практически все от смартфонов до айпадов, если найдешь такой декстоп или ноутбук, свистни, пополню свою коллекцию фантастики...@media width
это ширина области просмотра, на современных устройствах она мало связана с разрешением)))@media resolution
$(document).ready(function() {
$( 'input#product_price' ).val(1);
$( 'input.summ' ).val(3900);
$(document).on('click', '.changeCount', function(e) {
var $input = $(this).closest("div").find('input');
var count = parseInt($input.val());
var countInput = document.getElementById('count');
if ($(this).hasClass("plus")) {
count = count + 1;
}
if ($(this).hasClass("minus")) {
if (count > 1) count = count - 1;
}
$input.val(count);
$input.change();
return false;
});
$( 'input#product_price' ).change( function(){
var count = parseInt($( this ).val());
var price = parseInt( $( this ).attr('data-price') );
var sumrow = numberWithSpaces(count * price);
function numberWithSpaces(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
}
$( 'input.summ' ).val( sumrow );
});
});