Jquery 使用引导的奇怪定位错误

Jquery 使用引导的奇怪定位错误,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,这是我的密码: 如果单击“移动/智能手机”视图,它应该如下所示: 但是,如果您放大窗口,使其进入桌面视图,然后快速将其调整回移动视图,则按钮不在位置: 我检查了元件,试图找出问题的原因,但什么也找不到。它没有边距,所以我不知道是什么导致它像那样被按下。只需在bootply上玩一下,我就可以看到它是一个类为.contact-3的“I”元素。这设置为显示:无,但在一个媒体查询(第111行)中,它设置为显示:内联块。它将导航栏的高度从50px增加到70px 添加 i.fa-envelop

这是我的密码:

如果单击“移动/智能手机”视图,它应该如下所示:

但是,如果您放大窗口,使其进入桌面视图,然后快速将其调整回移动视图,则按钮不在位置:


我检查了元件,试图找出问题的原因,但什么也找不到。它没有边距,所以我不知道是什么导致它像那样被按下。

只需在bootply上玩一下,我就可以看到它是一个类为.contact-3的“I”元素。这设置为显示:无,但在一个媒体查询(第111行)中,它设置为显示:内联块。它将导航栏的高度从50px增加到70px

添加

    i.fa-envelope.contact-3 {
        display: none;
    }

在那个媒体查询中,似乎解决了这个问题。

您的移动用户不会将页面更改为桌面视图,对吗?是的,您的观点很好。这可能永远不会成为问题。不过,它将永远困扰着我。