叶状图填补手机中的空白

Question

我用烧瓶做了一个网络应用，里面有导航条和小叶地图。它在电脑中工作正常，但当我试着用手机打开它时，地图并没有填满整个屏幕。所以我试着去上这个课

class React(MacroElement):
   _template = Template(u"""
            {% macro script(this, kwargs) %}
              $(window).on("resize", function() {
                $("#{{this._parent.get_name()}}").height($(window).height()).width($(window).width());
                {{this._parent.get_name()}}.invalidateSize();
                }).trigger("resize");
            {% endmacro %}
            """) #noqa
   
   def __init__(self):
        super(React, self).__init__()
        self._name = 'React'

然后通过m.add_child(React())添加到我的地图。不幸的是，它没有改变任何事情。我还想避免使用全屏插件。我尝试过CSS方法，将祖先容器的高度和宽度设置为100%，但没有成功

Answer 1

[已解决]通过创建祖先容器100vh或100%，然后添加此

fig = branca.element.Figure(height="100%")
fig.add_child(m)

我不再需要React类了