移动设备上的 Google Maps rtl 提供水平滚动

Question

当我尝试通过 dir:rtl 在移动设备上使用 Google 地图时，我得到一个水平滚动条，而不是全宽地图，并且我的页面变得比屏幕宽。 我也试过使用：

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

没有帮助。

即使我使用的是 Google 的示例，它也会发生。将方向更改为 ltr 显示了我的预期。

Google's rtl sample 如果您从 Try it own 复制代码，您也会遇到问题。

谢谢你， 陈

Answer 1

确保您的地图是宽度：100%；所以它不会比浏览器宽。

您可以通过添加以下 CSS 来修复水平滚动：

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