css - 标题菜单大小没有响应

Question

您好，我下载了一个模板，我只是通过添加“fixedheader”来编辑 css，使标题包装内的 Logo 看起来像这样 .但是当我将窗口调整为最小宽度时，标题没有响应，而是“fixedheader”高度仍然是 180px，看起来像这样 .我试图删除“fixedheader”以使 header-wrap 的高度不会使高度太高，看起来像这样 如您所见，白色背景的高度仅包含 Logo 的一半。有什么方法可以解决这个问题，我感到很困惑，你可以在 https://www.dropbox.com/s/vvhc59qtk5z2ns9/style.css?dl=0 查看 style.css .这是 index.html 的 header

<header id="header" class="transparent-header" data-sticky-class="not-dark">

            <div id="header-wrap" class="fixedheader ">

                <!-- Primary Navigation  
                ============================================= -->
                <nav id="primary-menu" class="style-2 center">

                    <div class="container clearfix"></div>

                        <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>

                        <ul class="one-page-menu" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" >
                            <li><a href="index.html"><div>Home</div></a></li>
                            <li><a href="about.html"><div>WHO WE ARE</div></a></li>
                            <li><a href="products.html"><div>WHAT WE TRADE</div></a></li>
                            <li><a href="services.html"><div>SERVICES</div></a></li>
                            <li><a href="logistic.html"><div>LOGISTICS</div></a></li>
                            <li><a href="contact.html"><div>CONTACT</div></a></li>  
                        </ul>
                </nav><!-- #primary-menu end -->
                <!-- Logo
                ============================================= -->

                <div id="logo" class="divcenter">
                    <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img class="divcenter" src="images/logo.png" alt="Canvas Logo"></a>
                    <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img class="divcenter" src="images/logo@2x.png" alt="Canvas Logo"></a>
                </div><!-- #logo end -->

            </div>


        </header><!-- #header end -->

Answer 1

添加此 CSS。

@media(min-width: 992px) and (max-width: 1199px) {
    #logo {
        float: none !important;
    }
}

@media(max-width: 991px) {
    .fixedheader {
        min-height: 100px;
    }
}