VWSとは フォーラム Lightning 「Lightning Skin Variety」ロゴ画像の拡大縮小

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #28741

    Hisashi Endo
    参加者

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

    #28743

    DRILL LANCER
    モデレーター

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

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

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

    • この返信は9ヶ月前にDRILL LANCERが編集しました。
    #29541

    Hisashi Endo
    参加者

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。