我使用的是mdi-react图标包，但当它与scss结合使用时，"font-size“属性不起作用

mdi-react是一个React组件库，用于在应用程序中使用Material Design图标。而SCSS是一种CSS预处理器，可以增强CSS的功能。

在使用mdi-react图标包时，"font-size"属性不起作用可能是因为在SCSS中没有正确地引入和使用该属性。要解决这个问题，可以按照以下步骤进行操作：

1. 确保已正确安装和引入mdi-react图标包。可以通过npm或yarn安装mdi-react，并在项目中引入所需的图标组件。
2. 确保已正确配置和使用SCSS。在项目中使用SCSS时，需要确保已正确配置构建工具（如Webpack或Parcel）以编译SCSS文件，并将其转换为CSS。
3. 确保在SCSS文件中正确使用"font-size"属性。在需要使用"font-size"属性的地方，可以通过以下方式在SCSS中设置：
4. 确保在SCSS文件中正确使用"font-size"属性。在需要使用"font-size"属性的地方，可以通过以下方式在SCSS中设置：
5. 然后，在对应的React组件中，为使用mdi-react图标的元素添加相应的类名，例如：
6. 然后，在对应的React组件中，为使用mdi-react图标的元素添加相应的类名，例如：
7. 这样，"font-size"属性就会应用于对应的图标元素。
8. 如果问题仍然存在，可以检查是否有其他CSS规则或样式覆盖了"font-size"属性。可以使用浏览器的开发者工具检查元素的样式，并查看是否有其他CSS规则影响了"font-size"属性的生效。

总结起来，要解决mdi-react图标包与SCSS结合使用时"font-size"属性不起作用的问题，需要确保正确引入mdi-react图标包、正确配置和使用SCSS，并在SCSS文件中正确设置"font-size"属性。如果问题仍然存在，可以进一步检查是否有其他CSS规则或样式影响了"font-size"属性的生效。