我可以根据屏幕尺寸更改Google Map中infoWindow的尺寸吗？

Question

我目前正在为大学创建一个Spring Application，该应用程序允许其他学生查看城镇周围发生的各种事情。我在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; 这将完成工作。 要么 编写媒体查询

  

@仅媒体屏幕和（最大宽度：600像素）{       宽度：100px;         边距：20px自动;    }