文章詳情頁(yè)
css3 - 如何修改mui-icon圖標(biāo)的大小？
瀏覽：159日期：2023-06-24 16:52:08
問(wèn)題描述
做了個(gè)webapp，用的是mui的組件，改變頁(yè)面大小發(fā)現(xiàn)mui-icon圖標(biāo)大小不改變，請(qǐng)問(wèn)怎么修改它的大小用rem表示呢?
謝謝大家，原來(lái)圖標(biāo)的格式就是字體，所以只要設(shè)置font-size就可以了~~
問(wèn)題解答
回答1：如果不是雪碧圖的話，根據(jù)圖標(biāo)在頁(yè)面占的比例設(shè)置，設(shè)置放置圖片容器的寬高，單位rem，然后設(shè)置position-size：100%；上面的辦法獲取的圖片不太好看，建議用媒體查詢的方式用不同大小的圖片做適配。
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - 循環(huán)嵌套多個(gè)promise應(yīng)該如何實(shí)現(xiàn)？2. mysql優(yōu)化 - 關(guān)于mysql分區(qū)3. css3 - rem布局下，用戶瀏覽器的最小字號(hào)是12px怎么辦？4. javascript - ionic2 input autofocus 電腦成功，iOS手機(jī)鍵盤不彈出5. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器？6. objective-c - iOS開(kāi)發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開(kāi)發(fā)的一個(gè)app?7. 前端 - IE9 css兼容問(wèn)題8. 請(qǐng)教各位大佬，瀏覽器點(diǎn) 提交實(shí)例為什么沒(méi)有反應(yīng)9. vue.js - vue 打包后 nginx 服務(wù)端API請(qǐng)求跨域問(wèn)題無(wú)法解決。10. css - 移動(dòng)端字體設(shè)置問(wèn)題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備