Я написал веб-страницу портфолио в React, и у меня возникли некоторые проблемы на экранах мобильных устройств, особенно мобильных телефонов huawei.
У меня есть контактный раздел с формой (библиотека Formik), и когда я нажимаю на какую-либо область ввода или текстовую область, клавиатура включается, и содержимое растет и вылетает. Я читал много похожих проблем.
Прежде всего я удалил все единицы измерения, такие как "vw" и "vh", из своих медиазапросов. Ничего не изменилось, тогда я включил в условия моих медиа-запросов еще один параметр, который @media screen and (max-width: 1280px) and (min-width: 960px) and (orientation: portrait) and (max-aspect-ratio: 13/9). Опять же, ничего не изменилось. Я заметил, что приложение зависало на устройствах Huawei, например, p20 lite, который имеет размеры 1080 x 2280, у меня OnePlus 6, и все в порядке.
Это последняя проблема в моем приложении, пока я не осознаю, что не могу развернуть свой веб-сайт. Я включаю 2 картинки, где проблема видна. Эта проблема отображается только в портретном режиме. У кого-нибудь есть идеи?
