Адаптация сайта через JS

[korih]

Здравствуйте всем. Решил делать адаптацию через JS и встретил не приятный момент.

var width - $(window).innerWidth();
	console.log(width);

возможно ли при изменении размера ширины браузера, значение width сразу же менялось, а не после обновления страницы? к примеру в консоле ширину показывает - 1600. если я сокращаю ширину браузера, то значение таким и остаётся и меняется только после того как обновляю страницу

[Bond]

Возможно конечно через событие ресайз
Коль на jQuery дали пример то код на будет выглядеть так

$(window).resize(function() {
	var width = $(window).innerWidth();
	console.log(width);
});

[korih]

спасибо, добрый человек, совсем забыл про resize

[korih]

будет ли правильным считаться такое оформление?

$(document).ready(function($) {

function adapt(){
	$("html").css({
		width:$(window).innerWidth(),
		background: 'url(../img/bg.jpg) no-repeat #bdbdbd',
		backgroundSize: $(window).innerWidth()
	});

	$(".footer").css({
		marginTop: $(window).innerHeight() - $(".footer").innerHeight(),
		background: 'rgba(244,244,244,0.5)',
		marginLeft: ($(window).innerWidth() - $(".footer").innerWidth())/2
	});	

	$(".podMenu").css({
		marginTop: $(window).innerHeight() - 300
	});	

	$("#gallery").css({
		marginLeft: ($(window).innerWidth() - $("#gallery").innerWidth())/2
	});	
}

	adapt();

	$(window).resize(function() {
		adapt();
	});

});

[рони]

$(window).innerHeight()

создайте переменную с этим значением, зачем вычислять несколько раз одно и тоже.

[destus]

будет ли правильным считаться такое оформление?

Непонято зачем собственно JavaScript, когда есть медиа-запросы, а вся математика в препроцессорах (SASS, Stylus).

[Botik21]

Непонято зачем собственно JavaScript, когда есть медиа-запросы, а вся математика в препроцессорах (SASS, Stylus).

Зачем в конкретно этом случая не знаю, но при разработки виджетов для сторонних сайтов адаптивку приходилось делать средствами js