在Safari

Question

我在Bootstrap3模式中打开并显示了传单地图。地图在Chrome和Firefox中正确显示，但在Safari（版本9.0.3）中打开时，其放大并且只显示其中的一部分。

我尝试根据建议here更改CSS属性。 但是没有效果。任何人都有三个Safari，Bootstrap3 Modals和Leaflet的类似问题？

EDITED

正如@ghybs正确指出的那样，在其他几种情况下使用map.invalidateSize（）函数解决了上述问题。此外，我使用此功能，以正确显示传单地图。这在Chrome或Firefox中运行良好。

我的传单地图位于模态内的标签中。当用户从第一个选项卡更改为第二个选项卡（带有地图的选项卡）时，我执行invalidateSize（）函数。这是我使用的事件：

 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
     var tab = $(e.target).attr("href"); 
     if (tab == '#map'){ 
       map.invalidateSize(); ...