谷歌手機地圖rtl給出了水平滾動

Question

當我試圖在手機上使用谷歌手機地圖：rtl我得到一個水平滾動條，而不是全寬地圖，我的網頁變得比屏幕更寬。 我也試過使用：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

沒有幫助。

即使我使用Google的樣本，它也會發生。改變方向爲ltr顯示了我的期望。

Google's rtl sample 如果您複製代碼從自己嘗試，您也會遇到問題。

謝謝 陳

Answer 1

確保您的地圖寬度：100％;所以它不會比瀏覽器更寬。

您可以通過添加以下CSS修復水平滾動：

html, 
body { 
    overflow-x:hidden; 
    margin:0; 
    padding:0; 
}