イベント告知くんの表記に関して

Question

楽天とヤフーでイベント告知くんを表示しているのですが、楽天のPCでは100%表示になるのに、ヤフーのPCでは100%表示になりません。
タグは全く同じで、リンク先だけ異なるものにしています。コレは楽天とヤフーの仕組みの問題でしょうか？それとも何かタグが間違っていますか？

Answer

ECマスターズの田中です。

Yahoo!ショッピングにてご設置いただいているのは
横スクロール型のため、
スマートフォン用のiframeタグを利用しても、
固定サイズでの表示となります。

JavaScriptで拡大して表示させるために、
設置用のタグを下記のようにご変更願います。


(function(){
var w = 501, h = 60;
function r(){
var d = document.querySelector('#divEventBanner'), i = d.firstElementChild;
var r = d.clientWidth / w;
i.style.transform = 'scale(' + Math.floor( r * 1000 ) / 1000 + ')';
i.style.transformOrigin = '0 0';
d.style.height = Math.floor( r * h ) + 'px';
}
document.addEventListener( "DOMContentLoaded", r );
window.addEventListener( "resize", r );
})();