Как остановить вертикальное сжатие FullCalendar.js на мобильных устройствах?

При просмотре представления dayGridMonth на мобильном устройстве сжатие приводит к тому, что в календаре включается полоса прокрутки, которую вы можете просматривать.

Я хотел бы, чтобы высота оставалась полной, а только ширина динамически изменялась, чтобы вам нужно было прокручивать только страницу, а не сам календарь (поскольку вам уже нужно прокручивать некоторые на странице, это неудобно ). Заголовок тоже не выглядит слишком крутым, но сейчас основное внимание уделяется самому календарю.

Мой CSS изначально слаб, но играть со стилем библиотеки в десять раз пугающе. Любые советы в правильном направлении будут оценены. Ниже приведен пример того, как выглядит прокрутка (обязательный курсор, потому что в противном случае полоса исчезает)

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

Я нашел элемент для полного контейнера, но возня с высотой или шириной, похоже, ничего не дает, и я не понимаю, почему.

Спасибо за любую помощь

Вертикальное мобильное представление


person Sigma    schedule 24.09.2019    source источник
comment
Для этого есть опции API — см. fullcalendar.io/docs/sizing. Их использование, вероятно, будет более надежным и удобным в сопровождении, чем возиться с CSS самостоятельно. P.S. fullCalendar на самом деле не оптимизирован для мобильных устройств, как вы уже начали обнаруживать   -  person ADyson    schedule 25.09.2019
comment
Тьфу, я не знаю, почему я не подумал о том, чтобы проконсультироваться с документом, я не понимал, что у них будут функции для управления представлением, помимо содержимого и поведения. Спасибо!   -  person Sigma    schedule 25.09.2019


Ответы (1)


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

person Sigma    schedule 25.09.2019