質問: スマホ iframe 左右の余白が不均一 いつもお世話になっております。先日、slickスライダーの設定を本フォーラムで教えてもらい、実際に設置してみました。スマホトップページに設置したのですが、画面が左右にブレてしまったので、過去のフォーラム(https://forum.ec-masters.net/post_view.php?id=6755)を参考にiframeにstyle="width:calc( 100% - 16px );"を入れました。すると、左右のブレはなくなったのですが、右側が余白が大きくなってしまいました。現トップページの、大きいスライドバナーがそれです。ここを綺麗に直したいのですが、どうすればいいでしょうか?よろしくお願い致します。
回答: 田中さんお世話になっています。コメントいただいた点、全て修正しましたら、良い感じになりました。ありがとうございます。>pcやandroid機で閲覧した際、バナーが途中で見切れてしまいます。こちらについて、height:120vw; を加えたところ、画面を横向けにすると余白が大きくできてしまいます。横向けで見ることは想定して作っていないので、他のiframeも見切れまくってますが、この際、勉強だと思い、https://forum.ec-masters.net/post_view.php?id=5740こちらを参考にscriptを入れました。すると、下のドットが見えなくなってしまいました(汗)ご教授よろしくお願いいたしますm(_ _)m