您好，我在選項卡和移動設備中沒有獲得響應式標題，如何使其響應。這是html代碼.HTML<header><div class="container-fluid"> <div class="logo"> <a href="#"><img src="./assets/images/logo1.png" alt="cstep" class="img1" /></a> <a href="#"><img src="./assets/images/logo2.png" alt="caps" class="img2" /></a> </div> <button class="navbar-toggler" type="button" (click)="isCollapsed = !isCollapsed" [attr.aria-expanded]="!isCollapsed" style="z-index: 1;"> <span class="navbar-toggler-icon"></span></button> <nav id="main-nav-wrap" style="z-index: 1;"> <ul class="main-navigation"> <li><a href="#intro">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#about1">about1</a></li> <li><a href="#contact">Contact</a></li> <li><a routerLink='/2019'>2019</a></li> </ul> </nav></div>我希望它能夠在 scss 中響應，任何幫助將不勝感激。
3 回答
夢里花落0921
TA貢獻1772條經驗 獲得超6個贊
您好，請按照您自己的代碼風格進行操作。
.navbar {
position: relative;
min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
margin-bottom: $navbar-margin-bottom;
border: 1px solid transparent;
// Prevent floats from breaking the navbar
@include clearfix;
@media (min-width: $grid-float-breakpoint) {
border-radius: $navbar-border-radius;
}
}
偶然的你
TA貢獻1841條經驗 獲得超3個贊
您可以使用媒體查詢來實現此目的。
例如：
@media screen and (min-width: 200px) {
? /* change content here */
}
- 3 回答
- 0 關注
- 153 瀏覽
添加回答
舉報
0/150
提交
取消