移动设备上的Google Maps rtl可以横向滚动

Question

当我尝试在手机上使用dir时使用Google地图：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;
}