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

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

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

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

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

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

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

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

$(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();
	});

});

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

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

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