Как масштабировать окно, если не указан viewport?

Question

[Viktor Burdale]

Здравствуйте.
Есть код, а точнее модальное окно. Окно будет вставляться как шаблон в различные сайты. Как его масштабировать для мобильных девайсов, если в некоторых сайтах не указан в head viewport:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Есть свойство масштабируемое свойство "transform: scale(x);" Но оно будет масштабировать всегда. Не зависимо от того, что указан или не указан viewport.

Может можно js-ом как-то фиксить такие задачи?
Буду благодарен любой подсказке как решить эту задачу..

Comments

[Ankhena]

Использовать vw vh?

[Viktor Burdale]

Ankhena, c обверткой понятно это. А как тогда с размерами input, font-size, border и т.д поступить?

[Ankhena]

Viktor Burdale, аналогично.

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

Answer 1

[Александр]

Я бы ничего не делал. Ведь если на сайте нету тега вьюпорт, то и сам сайт соответствующий? Зачем вам масштабировать свое окно, когда сайт выглядит как обычно?

Comments

[Viktor Burdale]

Если сайт без "viewport" открыт на мобильных девайсах, то модальное окно очень маленькое. А форма с input еще меньше..

[Viktor Burdale]

Qlink, Спасибо! не знал, что так можно.
Тогда у меня возник встречный вопрос. А не повлияет ли указанный "viewport" в моем модальном окне на весь сайт?