Haruni

このブログははてなブログテーマ「Haruni」のデモブログです。読者登録しても更新はありません。

スマートフォンのタイトル画像の高さを調整する 見切れ対策など

タイトル画像を設置したとき、スマートフォンで高さを小さくしたい場合は以下のコードのように調整して下さい。(デザインCSSに追加)
f:id:minimalgreen:20180312203036p:plain

テキスト無しでタイトル画像のみ設置したとき

@media (max-width: 480px){
.header-image-only #blog-title #blog-title-inner {
    height: 100px;/*  高さ調整 */
    background-size: cover;
}
}


タイトルテキストとタイトル画像を設置したとき

@media (max-width: 480px){
.header-image-enable #blog-title #blog-title-inner {
    height: 100px;/*  高さ調整 */
    background-size: cover;
}
}

スマートフォンで縦横比を維持する

縦横比を保ったままスマートフォンで表示されたい場合は以下のゴトーさんの記事をご参照下さい。
www.gamehuntblog.com