Небольшой скрипт позволяющий проводить различные манипуляции в зависимости от размера окна браузера.
Дизайнеры делают макеты фиксированной ширины, а сайты, в большинстве случаев, должны быть резиновыми.
Проблема возникает когда свойства нельзя задать пропорционально размеру окна браузера. Для решения этой задачи в
sript.js добавляем код.
Selec All Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | function ResizeCSS(){ if($('body').width() < 1200){ //Прописываем значения CSS свойств, которые мы хотим применить для разрешения экрана меньше 1200 px $('h1').css("font-size","16px"); } if($('body').width() > 1200){ //Прописываем значения CSS свойств, которые мы хотим применить для разрешения экрана больше 1200 px $('h1').css("font-size","26px"); } } ResizeCSS(); $(window).resize(function(){ ResizeCSS(); }); |
отличная штука, как раз такое искал.
СПАСИБО
Вы меня от сметри спасли!