Можно ли динамически изменять viewport?

Question

[dimidxxx]

Подскажите, господа, можно ли сделать, и если да, то как, автоматическое изменение атрибутов тэга viewport в зависимости от разрешения экрана устройства?

Comments

[Сергей Зеленский]

вопрос: нахрена?

[dimidxxx]

Чтобы не делать лишнюю адаптацию для сайта, например я садаптивил до 500px, а дальше пусть масштабируется только, чтоб в экран влезало.

[Сергей Зеленский]

media query + flexbox и не надо ничего предумывать,

[dimidxxx]

Сергей Зеленский:
Я хочу чтоб весь контент уменьшался, и шрифты в том числе. Переписывать все вручную трудоемко для каждого класса.

[Сергей Зеленский]

а использовать относительные величины ,и display:block? max-width:100%; для изображений не вариант?

[dimidxxx]

Сергей Зеленский: ну это дольше уже. Для ширины 450px у меня все хорошо, вот и я хотел бы сохранить то же расположение элементов, те же размеры, как для 450, и просто вмещать сайт в таком виде в более маленькие экраны.

[Сергей Зеленский]

НУ если вам удобнее коласу лопатой резать а не ножом, режте

Answer 1

[dev400]

var width = 1024;
	if(document.body.clientWidth < width) {

			//и тут что хотите то и делайте

	}

Comments

[dimidxxx]

А вы не могли бы расписать, что дальше, именно изменение атрибута тэга, я js просто совсем не знаю. Буду очень благодарен)

[Nikita Shchypylov]

dimidxxx: конечно мог бы, делов то

[dimidxxx]

dimidxxx: Написал следующую конструкцию, атрибут меняется, но почему то ничего не происходит.

var width = 450;
if(document.body.clientWidth < width) {
$("meta.dinamic").attr("content", "width=device-width, initial-scale=0.8, user-scalable=no");
}

[dimidxxx]

Пардон, все работает, спасибо

Answer 2

[Александр Золотых]

Да, по событию на resize, orientationchange меняете атрибут content тега