「Lightning Skin Variety」ロゴ画像の拡大縮小

[Hisashi Endo]

たびたび失礼いたします。
Lightning Pro＆Lightning Skin Varietyにてサイト制作、ロゴ画像の拡大縮小についてPC画面側は
.navbar-brand img {
max-height:＊%;
}
で対応可能でした。
一方、スマホ画面について、
@media (min-width: 992px) {
.navbar-brand img {
height:＊%;
}
}
としたもののPC同様の縮小率のままのような感じです。
もし対処方法がわかりましたら、ご教授ください。

[DRILL LANCER]

下記をベースに変更することで可能です。
高さ基準なので横幅基準で行いたい場合はロゴの縦横比から適切な高さを割り出して見てください。

/* モバイルのロゴの大きさ */
.navbar-brand img {
    max-height: 40px;
}

/* PC のロゴの大きさ */
@media (min-width: 992px) {
	.navbar-brand img {
	    max-height: 50px;
	}
}

P.S.
どこかに width があるかと錯覚していました。高さのみで問題なかったですね。

• この返信は5年前にDRILL LANCERが編集しました。

[Hisashi Endo]

ありがとうございます！
早速試してみます。

[投稿者]

投稿