$(".panel").css({
"height":$(window).height() // Выставляет высоту элементу с класом panel исходя из высоты окна браузера
});
var timer;
$(window).resize(function() { // Эта функция запускается тогда, когда изменяется размер окна браузера
clearTimeout(timer); // Очищается таймаут
timer = setTimeout(function() { // И устанавливается заново
$(".panel").css({
"height":$(window).height() // Тот же код что и в первой строке
});
},40);
});.icon-building_planner {
background-image: url(sprite.png);
background-position: 30% 30%; /* Используйте проценты */
background-size: 100%; /* Поиграйтесь с этим параметром */
width: 256px;
height: 256px;
}@media only screen and (max-width: 480px) {
}body {
background: red;
}
.responsive-bloks {
width: 33.33%;
min-height: 1px;
float: left;
}
@media only screen and (max-width: 480px) {
body {
background: blue;
color: green; /* Обратите внимание что я не переписываю для другого разрешения все стили, а только меняю или добавляю то, что мне нужно что бы изменялось. */
}
.responsive-bloks {
width: 50%; /* Обратите внимание что я не переписываю для другого разрешения все стили, а только меняю или добавляю то, что мне нужно что бы изменялось. */
}
}
В силях body прописываем font-size: 16px; и от этих 16и пикселей используя этот чудесный калькулятор высчитываем сколько em у нас размер шрифта. pxtoem.com
Хочу купить машину что бы колеса были резиновыми а крыша зелёная но в стакане у меня налит томатный сок в дальнейшем когда я буду нажимать на педали машина будет ездить в перёд и назад с помощью бензина.
Вопрос собственно по разметке и таблицам стиля.
$('#link').click(function(e) {
e.preventDefault(); //эта строка не даст при нажатии на ссылку в адресной строке появится такого: http://site.ru/#link
});