引导固定导航条覆盖整个屏幕时，放大

Question

这是一个有点傻但又有点值得关注的问题。我有导航条固定到顶部与一些元素在里面。问题是，如果我用高百分比放大，导航条中的元素会重新组合，这样整个屏幕就被导航条覆盖了。如果顶部栏不会保持固定而导致整个页面无用，那就没有问题了。是否有一种方法，以"unfix"后，一些缩放水平达到?(我和你是新手)。下面是导航条的标记:

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="brand" href="{% url home %}">Pavel Nováček</a>
            <ul class="nav">
                {% load tag_library %}
                {% set_current_urlname %}
                <li><a href="{% url home %}" class=""><img src="/static/web/img/cz.png"></a></li>
                <li><a href="{% url home %}" class="" style="padding-left: 0px"><img src="/static/web/img/gb.png"></a></li>
                <li class="{% if current_urlname == 'home' %}active{% endif %}">
                <a href="{% url home %}"><strong>Home</strong></a>
                </li>
                <li class="{% if current_urlname == 'about-me' %}active{% endif %}">
                <a href="{% url about-me %}"><strong>About me</strong></a>
                </li>
                <li class="{% if current_urlname == 'books' %}active{% endif %}">
                <a href="{% url books %}"><strong>Books</strong></a>
                </li>
                <li class="{% if current_urlname == 'presentations' %}active{% endif %}">
                <a href="{% url presentations %}"><strong>Presentations</strong></a>
                </li>
                <li class="{% if current_urlname == 'links' %}active{% endif %}">
                <a href="{% url links %}"><strong>Links</strong></a>
                </li>
                <li class="{% if current_urlname == 'contact' %}active{% endif %}">
                <a href="{% url contact %}"><strong>Contact</strong></a>
                </li>
            </ul>
        </div>
    </div>
</div>

编辑:这似乎是容器流体的"一个特征"。

Answer 1

在文档的头部设置元视窗，使其适合移动设备。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

然后使用媒体查询，例如

@media all and (max-width: 699px) {

。导航条{

显示:没有;

}

}

我会花些时间来修改，但你最好还是取消导航，用一个适合移动设备的导航来代替。