Question

我修改了谷歌地图嵌入代码，使其对手机做出响应，认为这就是问题所在。然而，在使其响应之后，地图仍然不会出现在Android或iPhone上。代码如下。任何人都可以帮我弄清楚如何让它出现在手机上吗？

＆＃13;

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

＆＃13;

<div class='embed-container'>
    <iframe src='https://www.google.com/maps/d/u/0/embed?mid=zxAFpdy2LkIo.kbe-u_jjzDKw' width='800' height='400'></iframe>
</div>

＆＃13;

Answer 1

您需要缩小地图的大小。从iframe中取出大小样式并将其放入媒体查询中。如果width和height是现在的一半（即400px和200px），它会在手机上显示正常 - 但不是iphone，你和＃ 39; d必须转到320px申请苹果

Fiddle

Google地图代码无法在Android上运行 - 没有地图

1 个答案: