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>