jquery – 如何在流畅/响应维度上保持Google Map静态图像

我一直在谷歌搜索它,但在同样的情况下找不到任何明显的意见,

我需要在jQuery Mobile项目中加入静态谷歌地图图像,以构建具有phonegap的应用程序.地图图像几乎完全填满视口.问题是如何,因为它显然将在不同屏幕尺寸的不同设备上打开.我尝试过百分比方法,但这肯定不起作用.

我希望得到一些指导,以最简单的方式保持流畅布局中谷歌地图静态图像的布局(如果可能的话,请尽可能).

谢谢

解决方法

将最初需要的最大图像大小加载到容器中,例如尺寸为380 x 250

这将是位置：相对于溢出隐藏和您需要的最大尺寸.

figre 
    {
        position:relative;
        width: 100%;
        overflow:hidden;
    }

然后绝对定位使用top&左侧将图像集中放置在容器内.

例如

figure img
    {
        position: absolute;
        top: calc(50% - 125px);
        left: calc(50% - 190px);
        }

原文地址：https://www.jb51.cc/jquery/178717.html