Banners: Responsive banners
The auto
size value can be used to ensure that the ad image scale is the full (100%) width and height of the HTML component. In order to apply this feature to a banner, you must use the Iframe tag type.
For example, for a banner 728x90:
<iframe src="//a.examplesite.com/iframe.php?idzone=123456&size=728x90" width="728" height="90" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
You should change the param size value 728x90
to auto
and also set the predefined values width="728"
and height="90"
to width="100%"
and height="100%"
.
<iframe src="//a.examplesite.com/iframe.php?idzone=123456&size=auto" width="100%" height="100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
Finally, you should make sure you retain the scale ratio of the images, or they will look distorted.