ヤフーのイベント告知君、スマホページへの設定（トリプル）

Question

いつもお世話になっております。
イベント告知君で表示がはみ出る部分があり、ご教示下さい。

通常ヤフーのスマホページは
同サイズのバナー画像を100%表示で、一枚ずつ縦並びに。
それをテーブルタグで囲っております。
（基本width=100%としています。）

（楽天に関してはゴールドページでもスマホ版を使用しており横幅100％に収まっています）


ヤフーに関しては現在「横スクロール型」をスマホページに貼り付けておりはみ出ています。



を貼り付けています。

style="width:100%;height:calc( 9.5vw + 50px );"

こちらを楽天のスマホ版に倣い試しましたが、表示改善なく困っております。

ちなみに現在  でフレームページを囲っており
特別割り込むようなCSSは使用していません。

以前は縦型を使用していましたが、
バナーを一枚ずつ下に並べていくページの特性上、イベントも縦に増やすとページが長すぎてしまい
横型に変更しました。


恐れ入りますが、収まりをよくするにはどのように記載すれば良いか、ご教示をお願い致します。

Answer

ECマスターズの田中です。

横スクロール型のイベント告知君は
サイズが固定されているのですが、
CSS3を利用して
イベント告知君全体を縮小表示させることができます。

Yahoo！ショッピングのスマートフォン用ページに
タグは使えませんので、
トリプル内のページに挿入されようとしているということで
間違いありませんでしょうか。

その場合は、
下記質問へ返信した内容がそのままご利用いただけます。
（イベント告知君のURLは、トリプルのものにご変更ください）
https://forum.ec-masters.net/post_view.php?id=3592