0

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

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

4

2 回答 2

1

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

于 2012-09-20T23:15:44.813 回答
1

将它们放在容器中并将容器设置为 % 宽度，然后将 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>
于 2012-09-20T23:32:04.803 回答