0

Ко мне попал дизайн мобильного web приложения, который выполнен в разрешении айфона (width: 1080px; height: 1920px;) и все размеры отступов и шрифтов указаны в соответствии с этим разрешением.

Но я работаю в контексте web размером (ширина того же айфона: 375px), как настроить это соответствие?

Я понимаю, что тут что-то нужно сделать с тегом viewport, но как не ковыряюсь с ним, ничего не выходит, весь инет облазил.

Спасибо.

3
  • Ну, просто уменьшить все размеры в 2.88 раз?
    – andreymal
    1 июн 2020 в 9:09
  • Вообще, что значит "попал дизайн"? Речь о макете, о готовой вёрстке или о чём-то другом?
    – andreymal
    1 июн 2020 в 9:10
  • Речь о макете в фигме. Я понимаю, что никто меня не заставляет использовать заданные там значения в точности, но использовать не их будет гораздо сложнее 15 июн 2020 в 17:53

1 ответ 1

0

Решил проблему, разобравшись с вьюпортом:

<meta name="viewport" content="width=device-width, initial-scale=0.3472222222222222, user-scalable=No" />

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.