小编wke*_*nan的帖子

当我将计算机屏幕调整到980px以下时,我的固定导航栏工作正常.一旦我的屏幕为979px或更低,导航栏崩溃就会启动并完美运行.

但是,当我将代码推送到Heroku并在我的iPhone 4S上加载网站时,我的导航栏不仅没有崩溃,而且看起来有点不同 - 浮标右下方的徽标使其看起来很奇怪.

这是我的 custom.css.scss file:

@import "bootstrap";
@import "bootstrap-responsive";

/* universal */

html {
overflow-y: scroll;
}

body {
padding-top: 61px;
}

@media (max-width: 979px) and (min-width: 768px) {
body {
    padding-top: 0;
}
}

@media (max-width: 768px) {
body {
    padding-top: 0;
}
}

section {
    overflow: auto;
}

textarea {
resize: vertical;
}

.center {
text-align: center;
}

.center h1 {
margin-bottom: 10px;
}

.container {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: …