課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
如何控制輪播圖標和輪播圖里的字體大小自適應移動端
2016-10-25
源自:基于bootstrap的網頁開發 3-5
正在回答
跟椐不同的屏設置css樣式
?.title{font-size:16px;}
/* 小屏幕(平板,大于等于 768px) */@media (min-width: @screen-sm-min) {?
????????.title{font-size:14px;}
?}
/* 中等屏幕(桌面顯示器,大于等于 992px) */@media (min-width: @screen-md-min) {
?????.title{font-size:18px;}
/* 大屏幕(大桌面顯示器,大于等于 1200px) */@media (min-width: @screen-lg-min) {?
?????.title{font-size:20px;}
}
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁
1 回答輪播圖最大的div 和 item 的高度不能自適應
1 回答js中如何控制,圖片播放完停止輪播呢
2 回答自動輪播播放完所有圖片之后怎么重復輪播?
1 回答如何換輪播標簽
1 回答為什么窗口縮小,輪播和圖片都變小了,字體不變??!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-26
跟椐不同的屏設置css樣式
?.title{font-size:16px;}
/* 小屏幕(平板,大于等于 768px) */@media (min-width: @screen-sm-min) {?
????????.title{font-size:14px;}
?}
/* 中等屏幕(桌面顯示器,大于等于 992px) */@media (min-width: @screen-md-min) {
?????.title{font-size:18px;}
?}
/* 大屏幕(大桌面顯示器,大于等于 1200px) */@media (min-width: @screen-lg-min) {?
?????.title{font-size:20px;}
}