我想改变菜单时，屏幕宽度较低，以显示菜单链接在自己的每一行，但当我使用这个，它仍然是相同的一行。然后menu.jinja被用于另一个.jinja网站，其中链接到style.css。有什么不好的，在我的css命令？
style.css

@media (max-width: 1000px) {
    .menu ul li {
        margin-right: 20px;
        padding: 10px; 
        display: block;  //main function
        
    }
}

字符串
menu.jinja

<div class="header">
        <div class="menu">
            <ul>
                {% if 'role_idone' in session and session['role_idone'] == 1 %}
                    <li><a href="{{ url_for('user_manage.user_manage"
                {% endif %}
               <li><a href="property_manage.jinja">Property manage</a></li>
               <li><a href="building_manage.jinja">Building manage</a></li>
         
            </ul>
        </div>
    </div>

型