Измените значение CSS (слева: x), если область просмотра браузера <1200px

Question

У меня есть обтекание моего контента на веб-странице шириной 1200 пикселей.Элемент обтекания центрируется в середине моей страницы с помощью этого css, position:absolute; top:0px; left:50%; margin-left:-600px; width:1200px; height:auto; Мне нужно использовать jQuery, чтобы изменить левое значение с 50% до 0px, если ширина области просмотра браузера меньше 1200px.Прямо сейчас на Ipod, например, потому что обтекание по центру, мой контент слева обрезается без возможности прокрутки в сторону.Заранее спасибо.

Answer 1

Вот ссылка на скрипку .Перетащите панель изменяемого размера, чтобы изменить размер окна.

$(window).bind('resize', function(){
    if($(this).width() < 1200)
        $('div.wrap').css('left', 0);
    else 
       $('div.wrap').css('left', '50%');
}).resize();

Answer 2

Есть ли причина, по которой вы используете эту технику для центрирования элемента?Гораздо более простой способ сделать это, который бы отлично работал на меньших ширинах, без абсолютного позиционирования и отрицательных полей!