1

fullcalendar.js を使用するプロジェクトでレスポンシブ スタイルを使用しています。残念ながら、モバイル ビューでは、ヘッダーのスタイル (fc-header-left、fc-header-center、fc-header-right) を互いにスタックすることはできません。たとえば...デスクトップビューでは... fc-header-left fc-header-center fc-header-rightのように見えます

モバイルの場合、ヘッダーの 3 つの部分を互いに積み重ねたいと思います。fc-header-left fc-header-center fc-header-right

これらのヘッダーを負のマージン、フロート、およびあらゆる種類のものでオーバーライドしようとしましたが、これらのヘッダーをスタックすることはできません。

モバイルビューでヘッダー部分を互いにスタックする方法を知っている人はいますか?

ありがとう

4

4 に答える 4

4

これは、最新バージョンでうまくいきました。画面幅でチェック完了。

@media (max-width: 768px){
    .fc-toolbar .fc-left, .fc-toolbar .fc-center, .fc-toolbar .fc-right {
        display: inline-block;
        float: none !important;
    }
}
于 2017-09-09T14:29:37.280 に答える
2

それらのそれぞれに を与えるwidth:100%;とdisplay:block;、それでうまくいくはずです。少なくとも、fullcalendar.js Web サイトでデモ 1 を入手して、それを行うことができました。次に、適切と思われるようにそれらを整列させる必要があります。

.fc-header-left, fc-header-center, fc-header-right {
    width: 100%;
    display: block;
}
于 2013-08-28T15:32:48.710 に答える