Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何阻止FullCalendar.js在手机上垂直挤压?_Javascript_Css_Fullcalendar_Fullcalendar 4 - Fatal编程技术网

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

Javascript 如何阻止FullCalendar.js在手机上垂直挤压?,javascript,css,fullcalendar,fullcalendar-4,Javascript,Css,Fullcalendar,Fullcalendar 4,在手机上查看dayGridMonth视图时,挤压会导致日历启用滚动条供您筛选 我希望高度保持完整,只有宽度可以动态调整大小,这样你只需要滚动页面,而不需要滚动实际的日历本身(因为你已经需要滚动页面上的一些,这很尴尬)。标题看起来也不太热,但现在的焦点实际上是日历本身 我的CSS从一开始就很弱,但玩一个库的样式是十倍的威胁。任何方向正确的建议都将不胜感激。下面是滚动显示的示例(强制光标,否则该条会褪色) 从技术上讲,手机可能需要切换到周视图,甚至是日视图,这可以快速轻松地解决问题,但我为其设置的人

在手机上查看dayGridMonth视图时,挤压会导致日历启用滚动条供您筛选

我希望高度保持完整,只有宽度可以动态调整大小,这样你只需要滚动页面,而不需要滚动实际的日历本身(因为你已经需要滚动页面上的一些,这很尴尬)。标题看起来也不太热,但现在的焦点实际上是日历本身

我的CSS从一开始就很弱,但玩一个库的样式是十倍的威胁。任何方向正确的建议都将不胜感激。下面是滚动显示的示例(强制光标,否则该条会褪色)

从技术上讲,手机可能需要切换到周视图,甚至是日视图,这可以快速轻松地解决问题,但我为其设置的人非常喜欢整月视图,并希望它在所有媒体格式中保持原样

我找到了完整容器的元素,但弄乱高度或宽度似乎没有任何作用,我不明白为什么

谢谢你的帮助


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

有API选项可帮助完成此操作-请参阅。使用它们可能比自己摆弄CSS更可靠、更易于维护。另外,fullCalendar并没有真正针对移动设备进行优化,正如你已经开始发现的那样,我不知道为什么我没有想到咨询文档,我没有意识到除了内容和行为之外,它们还有操纵视图的功能。谢谢