谷歌手机地图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; 
}