html - 如何使广告响应

Question

这是我的网站:http://thelolinternet.com/

如您所见，广告尺寸 height="90"width="728"但是当您在移动设备上打开网站时(尝试更改浏览器宽度)，广告的尺寸并没有减小。解决办法是什么？

我不知道如何让它响应。

这是代码:

<div  data-WRID="WRID-147582892358590272" data-widgetType="Push Content"  data-class="affiliateAdsByFlipkart" height="90" width="728"></div>
<script async src="//affiliate.flipkart.com/affiliate/widgets/FKAffiliateWidgets.js"></script>

这是我在百分比建议之后的代码:

<div data-WRID="WRID-147582892358590272" data-widgetType="Push Content" data-class="affiliateAdsByFlipkart" height="6.181318681318681%" width="50%"></div>
<script async src="//affiliate.flipkart.com/affiliate/widgets/FKAffiliateW‌​idgets.js"></script>

Answer 1

你可以这样做，在你的开发环境中测试它，因为它不会在 fiddle 中工作

device_width = window.outerWidth;
ad = document.getElementById('ad');

if (device_width == '740')
{
  ad.style.width = '700'
}
else if(device_width == '480')
{
  ad.style.width = '400'
}

<div id="ad">
  <h2>THIS IS AN AD</h2>
</div>