お世話になっております。
画像のようにかぶせている画像ファイルに両側に隙間ができてしまう症状を改善したいです。
マンションの表示部分だけが両側に隙間が空いてしまいます。
現在、モバイル向けに表示を意識して調整しているのですが、PCでは両側に隙間となりますが、モバイルだと、物件名にかぶり状態になります。
マンション以外の部分の表示は正しくなっています。
対策を教えてください。
単純に、写真のファイルサイズ(縦横の比率)に問題があると、両脇に隙間ができることってありますかね?
ご質問ありがとうございます。
上に重ねる画像は、縦横比を保ったまま、下の画像の中におさまるよう大きさを調整されます。
マンションではみ出すのは、マンションの縦横比が横が広めになっているためと思われます。
またモバイル用表示では、画像サイズが解除され、画像本来のピクセル数か、表示画面におさまる大きさか、どちらかで表示されます。
現状、上記いずれもで上に重ねる画像を問題なく表示させるには、小さめのアイコン風の画像で、背景色を透明にした PNG 画像を用意されるとよいと思います。
以上参考になりましたら幸いです。
ありがとうございます。
© CMONOS Co. Ltd.
[0]CMONOS.JP
ブログ・掲示板・Webデータベース・カレンダー他全部入り携帯対応カスタムフィールドCMS CMONOS.JP