如何阻止FullCalendar.js在手机上垂直挤压?

时间:2019-09-24 23:53:36

标签: javascript css fullcalendar fullcalendar-4

在移动设备上查看dayGridMonth视图时,挤压会使日历启用滚动条供您浏览。

我希望高度保持完整,而宽度则需要动态调整大小,因此您只需要滚动浏览页面而不是实际的日历本身(因为您已经必须在页面上滚动某些内容了) ,这很尴尬)。标头看起来也不太热,但现在的焦点实际上在日历本身上。

一开始我的CSS很弱,但是玩一个库的样式令人生畏十倍。朝正确方向的任何提示将不胜感激。以下是滚动效果的示例(强制性光标,因为条会逐渐消失)

从技术上讲,移动将保证切换到周视图甚至日视图,这可以快速,轻松地解决它,但是我为此设置的人真的很喜欢整月视图,并且希望所有媒体格式都可以保留是。

我找到了完整容器的元素,但是弄乱高度或宽度似乎无济于事,我不明白为什么。

感谢您的帮助

Vertical mobile view

1 个答案:

答案 0 :(得分:0)

有两个元素容器处理整个盒子内容,我正在编辑外部容器,但是内部容器也需要扩展,因为它是填充表/行的容器。