• 文字サイズ
  • 小
  • 中
  • 大


解決済

スマホサイトの画像を並べた時の下の隙間について

  • 相談者：非公開
  • 2017/08/31 16:47
いつもお世話になっております。

スマホサイトで、メニュー用の画像を並べているのですが、下に隙間ができてしまいます。
作り方を変えても隙間が消えないのですが、消す方法はありますでしょうか。

●テーブルに入れて作った場合
https://www.rakuten.ne.jp/gold/●●●/sp/category.html

●リストタグで作った場合
https://www.rakuten.ne.jp/gold/●●●/sp/ct_test.html
キーワード：楽天、スマホ、画像の隙間
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
ご視聴はこちら

  • 返信者：非公開
  • 2017/08/31 19:13
ECマスターズの田中です。

いずれも、画像の下端がベースラインの高さにあることが原因です。
下記ページをご覧いただくと、わかりやすいと思います。
ht………（省略）………
  • 返信者：非公開（質問者）
  • 2017/09/01 11:00
ありがとうございます。
「vertical-align:bottom;」を設定した所、PCやスマキチでは隙間がなくなりました。

スマホ2台で確認した所、………（省略）………
  • 返信者：非公開
  • 2017/09/01 12:07
ECマスターズの田中です。

画面の横幅に合わせて画像を自動で縮小した結果、
小数点単位で高さが設定されていることが原因なので、
修正するのは困難となっ………（省略）………
  • 返信者：非公開（質問者）
  • 2017/09/01 16:44
ありがとうございます。
やはり困難なんですね。隙間が目立たなくなったので大丈夫です。
もし見つかりましたらお願いいたします。………（省略）………
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す