移动版谷歌地图rtl提供水平滚动

Google Maps rtl on mobile gives horizontal scroll

本文关键字：水平 滚动 rtl 谷歌地图 移动      更新时间：2023-09-26

当我试图使用手机上的谷歌地图dir:rtl我得到一个水平滚动条，而不是有全宽的地图，我的页面变得比屏幕更宽。我也试过使用:

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

没有帮助。

即使我使用的是谷歌的例子，它也会发生。将方向更改为ltr显示了我对它的期望。

Google的rtl示例如果你从Try it yourself中复制代码，你也会遇到这个问题。

谢谢你,陈

确保你的地图宽度:100%;所以它不会比浏览器宽

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

html,
body {
   overflow-x:hidden;
   margin:0;
   padding:0;
}
相关文章：