我在我的index.js文件中找到了这个。
import './styles/index.css';
import './styles/responsive.css';
index.css包含浏览器桌面样式,而responsive.css会在屏幕变小(例如在移动设备上)时进行覆盖。
在开发过程中,这个工作很好,但是在运行npm run build后使用编译后的css时,响应式样式就乱了。经过尝试调试,我发现在build/static/css/main*.chunk.css中,来自responsive.css的条目先于index.css,这就造成了问题。
有没有什么方法可以解决这个问题?我可以将responsive.css合并到index.css中,但我觉得那只是一种权宜之计。