Как масштабировать для больших экранов смартфонов?

Question

[daniyalov]

Здравствуйте!
сайт https://problemboy.ru/
не получается масштабировать то, что выделил синим цветом до больших экранов смартфонов

spoiler

должно смотреться вот так

подскажите пожалуйста, как лучше это сделать?

Comments

[Ankhena]

Что вы называете большим экраном смартфона?

Задавайте размеры в процентах или vw|vh.

[daniyalov]

Ankhena, galaxy s8 или iphone Х

[Ankhena]

daniyalov, погуглите, пожалуйста, размеры их viewport'ов, все встанет на свои места

[daniyalov]

Ankhena, возьметесь поправить? я оплачу разумеется

[daniyalov]

89264390737

[Darkness]

daniyalov, если уже решение найдено, напишите пожалуйста свой ответ и зачтите его :)

[daniyalov]

не найдено к сожалению)

[Ankhena]

daniyalov, Darkness, Табличка с размерами вьюпортов https://www.paintcodeapp.com/news/ultimate-guide-t...

Решение:
Слить все png в одну SVG (либо в одну png и использовать тег picture), иначе на ретине все равно всё поплывет.
Увеличить примерно на 20%, а лучше нарисовать SVG на полную ширину окна, задать width 100% и не парится, высчитывая с калькулятором 90% она займет или 72% или 64%.