「MediaWiki:Common.css」の版間の差分
ページの作成:「→--- ロゴの重なり防止設定 ---: →1. PC・スマホ共通：ロゴが枠からはみ出さないようにする: .mw-logo-wordmark { height: auto !important; max-height: 32px; →ヘッダーの高さに合わせる: width: auto !important; } →2. スマホ（画面幅が720px以下）の場合の特別ルール: @media screen and (max-width: 720px) { /* ロゴをさらに小さくして、検索窓とのスペースを作る *…」 |
編集の要約なし |
||
| 1行目: | 1行目: | ||
/* --- | /* --- ロゴの表示サイズ最適化 --- */ | ||
/* 1. | /* 1. PC用の設定（画面が広いとき） */ | ||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
height: | height: 40px !important; /* PCでは高さを40pxに固定して見やすく */ | ||
width: auto !important; | width: auto !important; | ||
max-width: none !important; | |||
} | } | ||
/* 2. | /* 2. スマホ用の設定（画面幅が720px以下のとき） */ | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
height: 28px !important; /* スマホでは高さを抑えて検索窓を避ける */ | |||
max-width: 150px; /* | width: auto !important; | ||
max-width: 150px !important; /* 横幅も制限してコンパクトに */ | |||
} | } | ||
} | } | ||
2026年2月11日 (水) 14:46時点における版
/* --- ロゴの表示サイズ最適化 --- */
/* 1. PC用の設定（画面が広いとき） */
.mw-logo-wordmark {
height: 40px !important; /* PCでは高さを40pxに固定して見やすく */
width: auto !important;
max-width: none !important;
}
/* 2. スマホ用の設定（画面幅が720px以下のとき） */
@media screen and (max-width: 720px) {
.mw-logo-wordmark {
height: 28px !important; /* スマホでは高さを抑えて検索窓を避ける */
width: auto !important;
max-width: 150px !important; /* 横幅も制限してコンパクトに */
}
}