Как изменить оформление сайта в зависимости от ширины окна браузера?

7:23 10.03.2020
Здравствуйте.
Можно ли при помощи JavaScript'а менять стиль сайта, в зависимости от ширины окна браузера? Как это сделать? Дайте простой примерчик.
Спасибо.
13:57 10.03.2020
Вот небольшой пример на чистом JS:
// Выполнение функции "desiredCSS" сразу после создания строения DOM
document.addEventListener('DOMContentLoaded', function() {
	desiredCSS();
});

// Выполнение функции "desiredCSS" после изменении размера окна браузера
window.addEventListener('resize', function() {
	desiredCSS();
});

// Фенкция для подбора необходимого файла и замены стиля стиля
function desiredCSS() {
	var linkCSS = document.getElementsByTagName('link')[0];
	var w = window.innerWidth, fileCSS;

	if (w > 1600) {
		fileCSS = 'style.css';
	}
	else if (w < 1600 && w > 1000) {
		fileCSS = 'style_2.css';
	}
	else {
		fileCSS = 'default.css';
	};

	linkCSS.href = fileCSS;
};

Данный сценарий подбирает необходимый файл стиля под размеры окна браузера, и меняет его, если это необходимо.

Но я бы лучше делал на чистом CSS, пример тут: Не отображать блок на определенной ширине окна при помощи CSS.
19:24 11.03.2020
Маленько по другому представляла себе смену внешности, но Ваш вариант лучше! Спасибо!