<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">咨询热线: </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;
}
}