• 文字サイズ


解決済

スマホ iframe 左右の余白が不均一

  • 相談者:非公開
  • 2018/06/06 17:40
いつもお世話になっております。

先日、slickスライダーの設定を本フォーラムで教えてもらい、実際に設置してみました。
スマホトップページに設置したのですが、画面が左右にブレてしまったので、
過去のフォーラム(https://forum.ec-masters.net/post_view.php?id=6755)を参考に
iframeにstyle="width:calc( 100% - 16px );"を入れました。
すると、左右のブレはなくなったのですが、右側が余白が大きくなってしまいました。
現トップページの、大きいスライドバナーがそれです。

ここを綺麗に直したいのですが、どうすればいいでしょうか?
よろしくお願い致します。
キーワード:スマホiframe左右ブレるグラグラ
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2018/06/06 20:41
ECマスターズの田中です。

複数枚表示時用の余白がそのまま右側に表示されていたことと、
過去フォーラムの時よりも左右の余白が少ない箇所に
挿入されてお………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/06 23:51
田中さん

度々ありがとうございます。

回答いただいた通りに設定しましたら、画像同士がくっつきました。
数日中にPCページにも流用を考えており、PC………(省略)………
  • 返信者:非公開
  • 2018/06/07 14:02
ECマスターズの田中です。

失礼しました、1点ご案内しそびれた内容がございます。
fvslider.htmlを埋め込んでいるiframeタグのstyle………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/07 15:28
田中さん

お世話になっています。

コメントいただいた点、全て修正しましたら、良い感じになりました。ありがとうございます。

>PCやAndroi………(省略)………
  • 返信者:非公開
  • 2018/06/07 22:46
ECマスターズの田中です。

実際の様子を確認したところ、
仕組み上、下のドットがページの高さとしてカウントされていないために
このような高さの調整にな………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/08 09:33
田中さん

ありがとうございます。
難しいということで、今回はiframeResizerは使わないでおこうと思います。
いただいたメディアクエリというの………(省略)………