モバイルのヘッダー画像のサイズを変更する方法

PR 2015/3/22

このトピックには4件の返信、2人の参加者があり、最後にサマンサ田端により11年、 7ヶ月前に更新されました。

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

投稿者

投稿
- 2015年3月21日 12:53 PM #24192
  
  サマンサ田端
  ゲスト
  
  はじめまして。
  完全レスポンシブにしていない場合に
  モバイルのヘッダー画像のサイズを変えたいです。
  具体的には高さを増やしたいのですが
  どのようにすればよろしいでしょうか。
  どうぞよろしくお願いいたします。
- 2015年3月21日 3:28 PM #24203
  
  わいひら
  キーマスター
  
  はじめまして。
  
  具体的に、CSSセレクタでいうとどの部分の画像でしょうか？
  ヘッダーには、ヘッダー全体に広がる画像と、ロゴ画像が入ることがあるので、一応確認させてください。
  あと、モバイルの時だけ高さを増やしたいということでしょうか？どのような、変更にするのかもう少し詳しく書いていただけると助かります。
- 2015年3月21日 5:17 PM #24207
  
  サマンサ田端
  ゲスト
  
  説明が足らず申し訳ありませんでした。
  PCではヘッダー画像(高さ200に設定)とナビゲーションバーを
  画面幅いっぱいに広げ、ロゴは入れず、
  PC、モバイルそれぞれに画像URLを指定しています。
  これらの画像は特に高さ200ではなくもっと大きな画像です。
  
  モバイル画面のヘッダー画像の天地(height)が
  PC画面のバランスと比べて少し薄い(平たい)ように感じるので、
  もう少しだけ高さを増やしたいと思いました。
  
  お手数ですがどうぞよろしくお願いいたします。
- 2015年3月21日 9:47 PM #24237
  わいひら
  キーマスター
  説明ありがとうございます。
  テーマカスタマイザーで、高さを変更している場合は、レスポンシブをオフとのことなのでmobile.cssにimportantを用いて以下のように書く必要があるかもしれません。
```
#h-top {
    min-height: 300px !important;
}
```
  数値は環境に合わせて調節してください。
- 2015年3月22日 6:22 PM #24308
  
  サマンサ田端
  ゲスト
  
  こんにちは。
  おしえていただいたやり方でモバイルのヘッダーサイズが変わりました。
  アンドロイド、iPhoneで確認しながら
  いいバランスを見つけていきたいと思います。
  本当にありがとうございました。
投稿者

投稿

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

トピック「モバイルのヘッダー画像のサイズを変更する方法」には新しい返信をつけることはできません。