적응 휴대 전화를 종료

<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 응답 {
폭 : 90 픽셀;
왼쪽으로 뜨다;
}
.headerlog {
플로트 : 왼쪽;
}
.headerblank {
높이 : 30 픽셀;
왼쪽으로 뜨다;
}
.header 오른쪽 {
글꼴 - 가족 : PingFang SC;
플로트 : 오른쪽;
폰트 크기 : 12 픽셀;
폭 : 52 픽셀;
}
.headdes {
플로트 : 왼쪽;
글꼴 - 가족 : PingFang SC;

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

}
@media 만 화면 (최소 폭 : 768px) {
본체 {
신장 : 100 %;
}
.IMG 응답 {
폭 : 90 픽셀;
왼쪽으로 뜨다;
}
.headerlog {
플로트 : 왼쪽;
}
.headerblank {
높이 : 30 픽셀;
왼쪽으로 뜨다;
}
.header 오른쪽 {
글꼴 - 가족 : PingFang SC;
플로트 : 오른쪽;
폰트 크기 : 12 픽셀;
폭 : 52 픽셀;
}
.headdes {
플로트 : 왼쪽;
글꼴 - 가족 : PingFang SC;

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

}

게시 58 개 원래 기사 · 원의 칭찬 0 · 조회수 2772

추천

출처blog.csdn.net/qq_30439399/article/details/102793798