css - 手机上的标题问题

Question

站点是http://www.oahu-hawaii-luau.com/我的标题不会出现在小的移动屏幕上，但当我缩小桌面窗口时可以看到它。所以看来问题只出在移动和 Safari 上。该问题出现在小于 984 像素的屏幕上。

我的 Logo 标题代码是:

.logo-logobg {
    position: absolute;
    min-width: 300px;
    min-height: 1260px;
    width: 100%;
    z-index: 1000;
    background: url(images/logo-logobg.png) left top no-repeat;
}

我将问题缩小到移动导航。错误在此代码中，但仍然无法弄清楚到底是什么:

.nav-mobile {
    display:block;

}
.nav {
    width:100%;
    padding:0px 0 0 0;
    position:absolute;
    z-index:999999;
    top:53px;

}
.nav-list {
    display:none;
}
.nav-item {
    width:100%;
    float:none;
    background-image:none;
    padding-bottom:0px;
}
.nav-item:hover {
    background-image:none;
    padding-bottom:0px;
}
.nav-item > a {
display:block;
color:#ffffff;
padding:8px 16px;
text-decoration:none;
font-size:14px;
border-bottom:1px solid #276815;
margin:0px;


height:auto;
line-height:normal;

border-radius:0px;
}

Answer 1

把这个记在脑子里:<meta name="viewport" content="width=device-width">