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

PR 2017/1/9

このトピックには2件の返信、1人の参加者があり、最後にかずにより9年、 3ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2017年1月7日 6:07 PM #49302
  
  かず
  ゲスト
  
  http://kazzblog.com/
  
  このサイトのモバイル版にて、ヘッダーの下に少しページ背景が移ってしまいます。
  
  いろいろいじっているのですがどうしてもわかりません。
  
  よろしくお願いします。
- 2017年1月7日 7:42 PM #49308
  Hidekichi
  ゲスト
  メインの白い部分の上にあるスペースなら、
```
#body {
    margin-top: 15px;
}
```
  が問題なので、モバイルの時に消すというのであれば、
```
@media (max-width: 30em) {
  #body {
    margin-top: 0;
  }
}
```
  とすれば無くなります。max-width: 30emは、480px相当なので、タブレットを含む場合は60emなどにすれば960pxまでの端末は#bodyのmargin-topはなくなります。
- 2017年1月8日 8:33 AM #49320
  
  かず
  ゲスト
  
  なるほど！
  無事解決しました！
  本当にありがとうございます。
投稿者

投稿

2件の返信スレッドを表示中

トピック「モバイル版にて、ヘッダーの下の空白を消したい」には新しい返信をつけることはできません。