你仔细看：你的截图中很多样式值都带有“$”符号（$开头的这些是SCSS变量，要经过计算），这些都算是CSS语法错误，浏览器没法解析它们，不生效报错是必然的。
webpack4打包的时候设置下，把SCSS编译成CSS再打包输出。
尊敬的用户，您好！很高兴为您答疑。出现此类问题一般有2种可能。1、您引入css样式的代码中部分特殊字符书写错误，而有的浏览器对该字符敏感，则无法正确识别css文件路径；2、您为文件指定的编码格式与您css文件的编码格式不相符，导致文件识别错误，无法正常加载。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
![[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动](/aiimages/%5B%E5%89%8D%E7%AB%AF%5D%5BCSS%5D+%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E7%BA%B5%E5%90%91%E6%BB%9A%E5%8A%A8%E5%9B%BA%E5%AE%9A%E8%A1%A8%E5%A4%B4%E4%B8%8E%E6%A8%AA%E5%90%91%E5%86%85%E5%AE%B9%E6%BB%9A%E5%8A%A8.png)
