css - 响应式 CSS iPhone 等

Question

嗨，由于某种原因，我的响应式 CSS 无法正常工作，我不确定要更改什么或做什么，但是每当我在 iPhone 上加载我的网站并一直放大时，该网站只使用了大约 3/4该页面，我不知道为什么，这是我的 CSS 中的代码。

@media (max-width:767px) {
.navbar-custom .nav.navbar-nav {
background-color: rgba(255,255,255,.4);
}

.navbar.navbar-custom.navbar-fixed-top {
    margin-bottom: 30px;
}

.tp-banner-container {
    padding-top:40px;
}

.page-scroll a.btn-circle {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    padding: 7px 0;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 20px;
}   
}

我的最大宽度为 767，因为这是 iPhone 的宽度来测试它，但无论我似乎改变什么，都没有任何反应。