HOME フォーラム BizVektor ヘッダーのスマホサイズ対応

このトピックには0件の返信が含まれ、1人の参加者がいます。3 週間、 5 日前 ebi0720 さんが最後の更新を行いました。

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

    ebi0720
    参加者

    お世話になります。

    PCは横長のヘッダーで、スマホでは縦長のヘッダーを使いたいと考えています。

    以下に記載するCSSを使いスマホの時だけ画像を変えようとしましたが、縦の範囲が収まりきらず、画像が切れてしまいました。

    希望通りにできる方法はないものでしょうか?
    有識者の方々、ぜひよろしくお願いします。

    /* スマホのときのヘッダー画像 */
    @media (max-width: 480px) {
    /* PC用のヘッダー画像を消す */
    #topMainBnr #topMainBnrFrame {
    display: none;
    }

    /* スマホ用のヘッダー画像を表示 */
    #topMainBnr:after {
    background: url(http://★画像★);
    background-size: 100% auto;
    content: ”;
    display: block;
    height: 320px;
    }
    }

1件の投稿を表示中 - 1 - 1件目 (全1件中)

このトピックに返信するにはログインが必要です。