Member 14197412 Ответов: 2

Отзывчивость не работает хорошо, когда мы открываем страницу direct в режиме мобильного телефона


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

Что я уже пробовал:

<style>
.myradGrid
{
overflow: auto;
transition: .3s all;
outline: none !important;
border-radius: .25rem !important;
border: 1px solid #e9e9e9 !important;
}
</style>

2 Ответов

Рейтинг:
2

#realJSOP

Убедитесь, что элемент управления radgrid совместим с добавленной версией bootstrap. Bootstrap 4 - это радикальный отход от bootstrap 3.

Попытка просмотреть табличные данные в сетке на телефоне, ну, глупо. На таком маленьком экране невозможно отобразить сетку данных в осмысленном виде. Ваш единственный реальный выход-это уменьшить количество столбцов, и с каждым удаленным столбцом ваши данные становятся все менее и менее полезными.

Мой совет состоял бы в том, чтобы перейти к списку данных, чтобы представить один столбец в одной строке, и позволить пользователю прокручивать список, возможно, провоцируя кнопку "Следующий элемент", чтобы облегчить рутинную работу прокрутки.


Рейтинг:
2

Member 12656556

Пожалуйста, проверьте, добавляете ли вы отзывчивый мета-тег в html-файл.

В браузере измените размер если вы не добавите мета тег то отзывчивый будет
работа но мобильный телефон не будет работать так что пожалуйста проверьте мета тег в html файле

Отзывчивый для мета-тега:

<meta name="viewport" content="width=device-width, initial-scale=1.0">