Как делать библиотеки без учёта viewport?

Question

[Proshka17]

Добрый день!
Я делаю Js библиотеку, которая вставляет кусок html на страницу.
Но в зависимости от того прописан ли на странице мета тег viewport моя верстка выглядит по разному.
Пока я победил это вставкой мета тега viewport моим Js, чтобы победить неопределенность.
Как обычно справляются с этой проблемой?

Comments

[Вадим]

А что мешает проверить наличие метатега в разметке?

[Proshka17]

Вадим, Была такая идея
Но тогда получается надо делать 2 набора стилей в зависимости от наличия тега
Правильный ли это подход?
И нет ли другого общепринятого варианта?

[Вадим]

Proshka17, Вы пишите что-то своё кастомное, не объяснив деталей, не объяснив в чём по факту проблема, но спрашиваете про общепринятые варианты. Это так не работает.

[Proshka17]

Вадим,
Я написал js библиотеку, которая вставляет html вёрстку ( визуальный элемент) на страницу сайта
Эту js библиотеку будут интегрировать разные сайты
Проблема возникает с мобильной версией сайта ( Я разделил элемент для мобильных и не десктопных версий сайтов, с десктопом все ок)
Мой мобильный html элемент сверстан с учётом

<meta name="viewport" content="width=device-width, initial-scale=1">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

или нет?

[Proshka17]

Вадим, сможете подсказать как правильно бороться с этим?

[Вадим]

Proshka17, ну звучит как-то пока всё ещё сомнительно.
Этот тег нужен для того, чтобы сайт был адаптивным, а не "умещался" целиком во вьюпорте мобильных девайсов.
Пока всё ещё не понятно зачем Вы на него опираетесь.

Если этого тега не будет, то медиазапросы не будут отрабатывать, таким образом, адаптивная вёрстка на сайтах без этого тега будет выглядеть как десктопная на мобильных.

[Proshka17]

Вадим, попробую переформулировать вопрос
Прописывать стили (размеры например) для html под мобильные устройства без media надо учитывая

<meta name="viewport" content="width=device-width, initial-scale=1">

или как будто его нет?

[Proshka17]

Вадим, подскажете?

[Вадим]

Proshka17, извините, пока нет времени, как освобожусь, если будет ещё для вас актуально - вернёмся к обсуждению.