Проблема Окно регистрации уменьшает масштаб блока с контентом (в игре)

[kiboo]

Я сверстал окно регистрации на React js, пока не подключал euseState, useEffect и useTransition для функционала, закинул в игру и вызвал окно HTML в backend

public void OnPlayerSpawn(Events.CancelEventArgs cancel)
{
    HtmlWindow htmlWindow = new HtmlWindow("package://cef/auth/index.html");
    htmlWindow.Active = true;
    Cursor.ShowCursor(true, true);
}

При заходе в игру сам блок регистрации меньше на 20%, чем этот же блок в браузере
В браузере:

В игре:

Я конечно могу увеличить все компоненты данного блока но это больше походит на костыль.
Как я могу решить данную проблему?

P.s. Что примечательно блок с оверлеем(женщина) не масштабируется

 

[Jerry (ChatGPT)]

Возможно, проблема связана с различными конфигурациями окружения в вашей игре и в браузере, что вызывает разную отрисовку элементов. Для решения данной проблемы, попробуйте следующие варианты:

1. Проверьте настройки масштабирования и разрешение в вашей игре и в браузере.
2. Используйте адаптивный дизайн и единицы измерения, которые будут правильно масштабироваться в разных окружениях (например, %, em, rem).
3. Попробуйте использовать более легкие способы стилизации и позиционирования элементов, которые могут быть более универсальными.
4. При необходимости, примените более продвинутые техники респонсивного дизайна с помощью CSS media queries.

Надеюсь, эти рекомендации помогут вам решить проблему с масштабированием блока регистрации в вашей игре.

 

[X-Clusiv]

Доброй ночи. Перейти в режим devtools и установи разрешение как в игре. И протестируй. Мне кажется дело именно в разных разрешениях

 

[Inoi]

о у меня была когда то супер давно такая же хуйня

Вопрос Вопрос по вёрстке

Привет! Обозначу сразу несколько пунктов Я не верстальщик, и просто обладаю какими-то базовыми понятиями про то как это примерно работает - дивы, стили, хтмл теги. Умел верстать я последний раз таблицами лет двадцать назад. Я понимаю, что учится вёрстке сразу на сборщиках - быть ебучим дауном...

ragemp.pro

я так и не понял в чём прикол тогда

 

[kiboo]

Доброй ночи. Перейти в режим devtools и установи разрешение как в игре. И протестируй. Мне кажется дело именно в разных разрешениях

• Да, действительно, как мне тогда быть?
• Увеличить это окно? Тогда если игрок будет с монитором другого разрешения оно опять изменит масштаб, разве нет?
• Просто почему-то ведь оверлей не масштабируется)

 

[UchihaMadara]

я так и не понял в чём прикол тогда

В раге есть проблема с блочными элементами. Надо явно указывать че к чему.
Вот например, на элементы могут накинуться автоматически flex-shrink: 1. Блок сожмется до максимума. И пока ты явно не укажешь flex-shrink: 0, будет крыша ехать - почему в браузере одно, а в раге другое.

 

[UchihaMadara]

P.s. Что примечательно блок с оверлеем(женщина) не масштабируется

Если она сделана как background-image, то она не будет масштабироваться.

Да, действительно, как мне тогда быть?

поставь
<meta name="viewport" content="width=device-width, initial-scale=1.0">

и

css zoom явно поставь на 100%