如何修改mui-icon图标的大小?
做了个webapp,用的是mui的组件,改变页面大小发现mui-icon图标大小不改变,请问怎么修改它的大小用rem表示呢?
谢谢大家,原来图标的格式就是字体,所以只要设置font-size就可以了~~
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
做了个webapp,用的是mui的组件,改变页面大小发现mui-icon图标大小不改变,请问怎么修改它的大小用rem表示呢?
谢谢大家,原来图标的格式就是字体,所以只要设置font-size就可以了~~
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(3)
css 里 .mui-icon{font-size:xxxpx}
如果不是雪碧图的话,根据图标在页面占的比例设置,设置放置图片容器的宽高,单位
rem
,然后设置position-size:100%
;上面的办法获取的图片不太好看,建议用媒体查询的方式用不同大小的图片做适配。
把icon当成字体,用font-size就设置大小就可以了