如何阻止 FullCalendar.js 在移动设备上垂直挤压?
How do I stop FullCalendar.js from squishing vertically on mobile?
在移动设备上查看 dayGridMonth 视图时,挤压会导致日历启用滚动条供您筛选。
我希望高度保持完整,只有宽度可以动态调整大小,这样您只需要滚动页面而不是实际的日历本身(因为您已经必须滚动一些页面,这很尴尬)。 header 看起来也不太热,但现在的焦点确实在日历本身上。
我的 CSS 一开始就很弱,但是玩图书馆的样式是十倍的吓人。任何正确方向的提示将不胜感激。下面是滚动外观的示例(必须使用光标,否则该条会消失)
从技术上讲,移动设备可能需要切换到周视图甚至日视图,这可以快速轻松地解决问题,但我为其设置此视图的人真的很喜欢完整的月视图,并希望它以所有媒体格式显示保持原样。
我找到了完整容器的元素,但弄乱高度或宽度似乎无济于事,我不明白为什么。
感谢您的帮助
有两个元素容器操纵整个框内容,我正在编辑外部容器,但内部容器也需要扩展,因为它是填充 table/rows 的容器。
在移动设备上查看 dayGridMonth 视图时,挤压会导致日历启用滚动条供您筛选。
我希望高度保持完整,只有宽度可以动态调整大小,这样您只需要滚动页面而不是实际的日历本身(因为您已经必须滚动一些页面,这很尴尬)。 header 看起来也不太热,但现在的焦点确实在日历本身上。
我的 CSS 一开始就很弱,但是玩图书馆的样式是十倍的吓人。任何正确方向的提示将不胜感激。下面是滚动外观的示例(必须使用光标,否则该条会消失)
从技术上讲,移动设备可能需要切换到周视图甚至日视图,这可以快速轻松地解决问题,但我为其设置此视图的人真的很喜欢完整的月视图,并希望它以所有媒体格式显示保持原样。
我找到了完整容器的元素,但弄乱高度或宽度似乎无济于事,我不明白为什么。
感谢您的帮助
有两个元素容器操纵整个框内容,我正在编辑外部容器,但内部容器也需要扩展,因为它是填充 table/rows 的容器。