Как правильно использовать meta name="viewport"?

Question

[Иван Симонов]

Здравствуйте!
Есть сайт шириной 1820px
Необходимо, чтобы при ширине до 1000 сайт был не адаптивным, т.е подстраивался через meta viewport
для этого в head прописываю

<meta name="viewport" content='width=1820'  id="metaViewport" />

Для мобильного отображения (при ширине экрана меньше 1000px, задаю следующее условие)

window.onload = function () {
		if (screen.width < 1000) {
			var metaViewport = document.getElementById('metaViewport');
			metaViewport.setAttribute('content','width=device-width, initial-scale=1');
		}
	}

Но почему это не работает
Код выглядит так Fiddle
Спасибо

Answer 1

[Никита Кит]

Насколько я знаю в fiddle head не работает. Пробовать в body развернуть head и ждать пока заработает... ну не знаю) Попробуй на чистом html