css - Bootstrap 4导航iPhone上的 body 内容

这是我的导航代码：

<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top" role="navigation">
    <div class="container">

        <a class="navbar-brand" href="/">
            <img width="150" height="60" src="/image-files/logo-gerard.svg" alt="Gerard">
        </a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="collapsibleNavbar">
            <ul class="navbar-nav ml-auto">

                <li>...</li>

            </ul>
        </div>
    </div>
</nav>

这是我的CSS：

body{
    padding-top: 70px;
}

它在台式机上运行良好。但是在我的iPhone（IOS，Safari浏览器）上，我遇到了一个问题，因为导航与主体内容重叠。看起来CSS中的body padding-top设置被忽略了（无论我输入什么数字，都没有改变）。

有人知道我在做什么错吗？是虫子吗？

这是实时示例：http://gerard.xn--reitve-ckb.si/

最佳答案

您需要添加并工作bootstrap.js代码，以便以任何分辨率良好显示

关于css - Bootstrap 4导航iPhone上的 body 内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49937134/