Google 高度为 100% 且边距为顶部的地图
Google Maps with height=100% and margin top
我正在编写一个应该显示全屏 google 地图的 wordpress 插件。如果您在 WordPress 中登录,则会使用 margin-top 在顶部显示一个工具栏。 Google 地图显然需要高度为 100% 的 div 才能显示全屏地图,但如果您已登录并显示了 wordpress 的管理工具栏,我有不必要的滚动条。由于浮动侧边栏和移动支持,绝对定位是不可能的。
“100% 有边距”问题的所有解决方案都使用绝对定位或 "min-height",这不适用于 google 地图。谁能给我解决方案?
如果你想要它的视口全高,只需100vh
。
所以我们删除了栏的大小。
height: calc(100vh - 100px)
我正在编写一个应该显示全屏 google 地图的 wordpress 插件。如果您在 WordPress 中登录,则会使用 margin-top 在顶部显示一个工具栏。 Google 地图显然需要高度为 100% 的 div 才能显示全屏地图,但如果您已登录并显示了 wordpress 的管理工具栏,我有不必要的滚动条。由于浮动侧边栏和移动支持,绝对定位是不可能的。
“100% 有边距”问题的所有解决方案都使用绝对定位或 "min-height",这不适用于 google 地图。谁能给我解决方案?
如果你想要它的视口全高,只需100vh
。
所以我们删除了栏的大小。
height: calc(100vh - 100px)