使用布局时,Flask应用程序页面无响应

我正在开发一个Web应用程序,并且在我的Webapp的每个页面中使用navbar.html作为布局,其代码如下:

eachpage.html:

{% extends 'navbar.html' %}

{% block body %}
<div class="container">
    <div class="titre_pages">
        <h2>PAGE TITLE </h2>
    </div>    
</div>

当我减小浏览器的大小,导航栏和标题重叠时,一切工作正常,并且页面似乎响应灵敏。我应该在我的导航栏/布局和html代码之间添加一些内容来避免这种情况吗?

Here is my page with a normal browser size : Normal behaviour

当我缩小浏览器尺寸时,这是我的页面:

Size page at minimum

评论