Google Maps API v3 - 动态广告尺寸

Question

我使用Google Maps API，如here所述，并且我将Adsense广告添加到了定义为here的页面。我想根据设备的屏幕尺寸显示不同的广告尺寸。目前我显示的尺寸对于桌面浏览器来说太小，对于移动浏览器来说太大。

有没有什么办法可以做到这一点？

Answer 1

尝试检查javascript属性screen.width和screen.height。

Answer 2

将它们放在容器中，并将容器设置为％宽度，然后将您的iframe设置为相同。因此，根据屏幕大小，您的增加将扩大以修复百分比。您可能需要触发调整大小事件以迎合最小化屏幕的用户。例如：

你的CSS：

.ad-holder{ width: 33%;height: 200px;} //width can be anything you declare 

你的HTML：

<div class="ad-holder"> 
<iframe src="the map or ad" width="100%" height="200px" frameborder="0" id="map_options_styling_iframe"> 
    </iframe> 
</div>