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

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

  • このトピックには2件の返信、1人の参加者があり、最後にかずにより5年、 10ヶ月前に更新されました。
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
      かず
      ゲスト

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

2件の返信スレッドを表示中
  • トピック「モバイル版にて、ヘッダーの下の空白を消したい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)