jquery - フルカレンダーのフォントサイズ

Question

カレンダーのフォントサイズを小さく設定すると問題が発生します。

コンテナ div のフォントサイズの設定を変更しましたが、効果はありません。

また、fullCalender.css フォントを 1em から 0.5em および px サイズに変更しましたが、カレンダーのテキストは同じままです。

score 2 · Accepted Answer

これは過去からの爆発ですが、もともと解決策を探してこれを見つけました。

表の要素 (日付ヘッダー、時間サイドバー) のフォントサイズを変更したかっただけです。以下は私のために働いた：

th.ui-widget-header {
    font-size: 9pt;
    font-family: Verdana, Arial, Sans-Serif;
}

要素クラスを見つけるためにオペラトンボを使用しましたが (CTRL+SHIFT+i -> 要素にカーソルを合わせる)、任意の DOM インスペクターで行う必要があります。

score 0 · Accepted Answer

!importantそのルールに従い、他のものを無視する CSS ルールを試してみてください。

例: CSS:

.calendar{font-size: 12px !important:}

jQueryで：

$('.calendar').css('font-size','12px !important');

score 0 · Accepted Answer

Modals 、 addevent 、および edit イベントを除く一般的なフォントサイズ (fullcalendar.css) を変更します。

body .fc { 
   font-size: 1.5em;  <--- change here for general 
}

score -2 · Accepted Answer

原因を突き止めましたが、これが問題を引き起こしている理由はわかりませんが、ドキュメントの種類を次のように宣言しなかった場合

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

フォントサイズは変更されません。

ありがとう

7 に答える 7