- このトピックには4件の返信、2人の参加者があり、最後に
により9年、 6ヶ月前に更新されました。
-
投稿
-
-
お世話になります。
シンプリシティ２の2.4.5bを遣わさせて頂き、HPを作成しております。ヘッダーの画像ですが、画面サイズを小さい所から大きくしていくと、画像サイズも合わせて拡大されていくと思いますが、あるところから画像サイズの縦方向のみの拡大比率が高くなります。見え方としては画像の下側からきれていく感じです。使用しているモニタは、4Kモニタで解像度4096×2160です。フルHD位解像度モニタでしたら、この現象は起きないかしれません。
それでは、よろしくお願いします。
-
一つ補足します。ヘッダー外側背景画像を使用しています。
-
見てみないとわかりませんが、#h-topにmax-heightが入っているからとかではないですか？
あるいは、横サイズに対して縦を可変にしていないとかで、background-positionにて、縦がtop、横がセンターとかになっていると下が切れます。background-size: coverにすれば、範囲に入るように背景画像を拡大縮小できますが、画像のアスペクト比に対して背景画像が入っている要素の縦横比が不十分な場合、いずれにしてもどこかが切れます。
なんとかするためには、画像上部をいくら切れるようにしても大丈夫なようにして、横は表示したい部分をセンターに持ってくるように作成して、background-position: bottom centerなどにするとか、あるいは画像の作り方を逆にしてbackground-position: top centerなどにすれば、上下どこが切れても表示したい画像を表示できるようにはできます。
アスペクトを維持したままでやる方法もありますが、ここはまた必要であれば。
-
-
返信大変遅くなり申し訳ありません。
ヘッダー外側背景画像を使用すると、教えて頂いた当たりの設定が必要という事ですね。
設定は頂いた環境そのままで、ヘッダー外側背景画像のみONにして1070 × 250の画像を張り付けて行っておりました。シンプリシティを使われているほかのサイトさんでも同じ現象を見られます。ただ、色々試して、今回はヘッダー外側背景画像をOFFにして作成する事にしました。
ご教授ありがとうございました。
-
- トピック「ヘッダー画像の見え方が変わってしまう」には新しい返信をつけることはできません。