モバイル版にて、ヘッダーの下の空白を消したい

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも モバイル版にて、ヘッダーの下の空白を消したい

このトピックには2件の返信が含まれ、1人の参加者がいます。1 ヶ月、 2 週間前 かず さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #49302

    かず

    http://kazzblog.com/

    このサイトのモバイル版にて、ヘッダーの下に少しページ背景が移ってしまいます。

    いろいろいじっているのですがどうしてもわかりません。

    よろしくお願いします。

  • #49308

    Hidekichi

    メインの白い部分の上にあるスペースなら、

    #body {
        margin-top: 15px;
    }

    が問題なので、モバイルの時に消すというのであれば、

    @media (max-width: 30em) {
      #body {
        margin-top: 0;
      }
    }

    とすれば無くなります。max-width: 30emは、480px相当なので、タブレットを含む場合は60emなどにすれば960pxまでの端末は#bodyのmargin-topはなくなります。

  • #49320

    かず

    なるほど!
    無事解決しました!
    本当にありがとうございます。

トピック「モバイル版にて、ヘッダーの下の空白を消したい」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)