html - 我可以根据屏幕大小更改 Google map 中信息窗口的大小吗？

Question

我目前正在为大学创建一个 Spring 应用程序，让其他学生可以看到镇上发生的不同事情。我在 Heroku 上部署了该应用程序，Web 应用程序运行良好，但在移动设备上却有些困惑。

例如手机版是这样的

Web 应用程序看起来像这样

有什么方法可以让手机上的信息框变小吗？我找不到有关如何在线处理此问题的文档。

我目前像这样创建 infoWindow:

  google.maps.event.addListener(marker2, 'click', (function(marker2, i) {
        return function() {
          infowindow2.setContent(events[i][0]);
          infowindow2.open(map, marker2);
        }
      })(marker2, i));
    }

Answer 1

为框添加或查找一些默认类并添加 margin:20px; 这将完成工作。 或者 写一个媒体查询

@media only screen and (max-width: 600px) { width:100px; margin:20px auto; }