適応携帯電話を終了

<nav class="navbar navbar-default navbar-fixed-top">
        <div class="headerlog">
           <img src="/fcc/img/logo-01.png" alt="" class="img-responsive">
        </div>
        <div class="headerblank">

        </div>

        <div class="header-right">

            <div class="headdes">咨询热线:&nbsp;</div>
            <div class="headtel">
                <ul>
                    <li>
                        <a href="tel:1365232" class="call">136 5232</a>
                    </li>
                    <li>
                        <a href="tel:1999366" class="call">199 9366</a>
                    </li>
                </ul>
            </div>
        </div>
</nav>

パーセンテージを使用して高度に可変幅

@mediaのみ画面と（最小幅：10pxの）と（最大幅：768px）{
本体{
高さ：100％。
}
.IMG応答{
幅：90PX。
フロート：左;
}
.headerlog {
フロート：左;
}
.headerblank {
高さ：30px;
フロート：左;
}
.header右{
フォントファミリ：PingFang SC。
フロート：右;
フォントサイズ：12ピクセル;
幅：145px;
}
.headdes {
フロート：左;
フォントファミリ：PingFang SC;

}
.next1{
    height: 300px;
}
.headtel{
    float: left;
    height: 32px;
}
.headtel ul li a{
    color: black;
}

}
だけ画面と@media（最小幅：768px）{
本体{
高さ：100％。
}
.IMG応答{
幅：90PX。
フロート：左;
}
.headerlog {
フロート：左;
}
.headerblank {
高さ：30px;
フロート：左;
}
.header右{
フォントファミリ：PingFang SC。
フロート：右;
フォントサイズ：12ピクセル;
幅：145px;
}
.headdes {
フロート：左;
フォントファミリ：PingFang SC;

}
.headtel{
    float: left;
    height: 32px;
}
 .headtel ul li a{
    color: black;
}

}