@z_u_q

Как при изменении зума пересчитывать размеры блока, чтобы он вмещался во viewport устройства?

Есть страничка без адаптива, есть плашка с сылкой на приложение. Когда заходишь на страничку с мобильно, плашка находится сильно внизу и страница призумлена => плашки не видно:

5e6fe729ed98c117840055.jpeg

Нужно, чтобы всегда, когда зумиться страница, выглядело так:

5e6fe76a9e75f141855608.jpeg

Собственно есть идея вычислять при зуме скейл для плашки. Написал метод getScale, а дальше не знаю, как мне при изменении зума пересчитывать размеры блока, чтобы он вмещался во viewport устройства? Помогите, пожалуйста.

Ссылка на пример
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 2
Aetae
@Aetae
Тлен
Мб вам нужна просто meta viewport, а не извращаться?
Ответ написан
IvanTabakerka
@IvanTabakerka
Чистокровный говнокодер
<meta name="viewport" content="width=device-width,initial-scale=1.0">


Ну и использовать % для вёрстки ширины блоков и медиа запросы.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы