如何修改mui-icon图标的大小?

做了个webapp,用的是mui的组件,改变页面大小发现mui-icon图标大小不改变,请问怎么修改它的大小用rem表示呢?

谢谢大家,原来图标的格式就是字体,所以只要设置font-size就可以了~~

阅读 20.7k
3 个回答

把icon当成字体,用font-size就设置大小就可以了

css 里 .mui-icon{font-size:xxxpx}

如果不是雪碧图的话,根据图标在页面占的比例设置,设置放置图片容器的宽高,单位rem,然后设置position-size:100%
上面的办法获取的图片不太好看,建议用媒体查询的方式用不同大小的图片做适配。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题