javascript - 手机上的谷歌地图 rtl 提供水平滚动

Question

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

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

没有帮助。

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

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

谢谢，陈

Answer 1

确保你的 map 是 width:100%;所以它不比浏览器宽。

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

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