我一直在谷歌搜索它,但在同样的情况下找不到任何明显的意见,
我需要在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);
}