Сервер Blazor не масштабируется (увеличен) на мобильных устройствах
Я сделал небольшое сенсорное приложение на сервере Blazor.
Однако, когда я просматриваю приложение на своем телефоне, оно показывает эти полосы прокрутки (мне всегда нужно сжимать/уменьшать масштаб страницы, чтобы полосы прокрутки исчезли и приложение отображалось так, как должно).
Похоже, что приложение постоянно увеличивается, когда я перезагружаюсь, даже если я установил область просмотра в файле _hosts (<meta name = "viewport" content = "width=device-width, initial-scale=1.0"> ).
Не знаю актуальна ли это информация, но я тоже использую MudBlazor во фронтенде.
Это делает приложение непригодным для использования и неприятным для просмотра, потому что половина моей панели инструментов не видна.
Есть идеи, в чем может быть проблема? Спасибо.
Ответы 2
Вы должны обернуть свой контейнер внутри контейнера макета, такого как MudContainer, MudStack или MudGrid. Эти компоненты помогут вам с адаптивным дизайном без CSS или с небольшим количеством CSS.
Неважно, какой фреймворк вы используете. В конце концов, все это отображается либо с помощью встроенных стилей, либо с помощью правил CSS. Если вы хотите, чтобы что-то уменьшалось вместе с окном, то размер элемента или одного из его родителей должен быть установлен по отношению к окну.
По умолчанию Blazor имеет встроенный Bootstrap, который имеет довольно хорошую систему сетки, которую вы можете использовать для масштабирования. Я не использую сторонние плагины, но, как говорит @Mehmet, первое, что вам нужно сделать, это либо поискать в Google, либо посмотреть на YouTube руководства по форматированию элементов в MudBlazor.
Попробуйте: https://www.youtube.com/results?search_query=mudblazor+layout
Если эти датчики являются элементами холста, вам может понадобиться дополнительный CSS, чтобы сделать их адаптивными для мобильных устройств. Попробуйте это решение SO: stackoverflow.com/a/64053073/943435 Однако, если это не сработает, вам нужно будет предоставить более подробную информацию о компонентах датчика.