@H_
301_1@我一直在谷歌
搜索它,但在同样的情况下找不到任何明显的意见,@H_
502_2@我需要在jQuery Mobile项目中加入静态谷歌地图图像,以构建具有phonegap的应用程序.地图图像几乎完全填满视口.问题是如何,因为它显然将在不同屏幕尺寸的不同设备上打开.我尝试过百分比
方法,但这肯定不起作用.
@H_
502_2@我希望得到一些指导,以最简单的方式保持流畅布局中谷歌地图静态图像的布局(如果可能的话,请尽可能).
@H_
502_2@谢谢
将最初需要的最大图像大小加载到容器中,例如尺寸为380 x 250
@H_
502_2@这将是位置：相对于溢出隐藏和您需要的最大尺寸.
figre
{
position:relative;
width: 100%;
overflow:hidden;
}
@H_
502_2@然后绝对定位使用top&左侧将图像集中放置在容器内.
@H_
502_2@例如
figure img
{
position: absolute;
top: calc(50% - 125px);
left: calc(50% - 190px);
}
