CSS样式全部失效

2020/2/17 update!

昨天搞了哥ajax返回后突然登录页面的样式全部消失!!经过排查确定不是返回数据类型的问题!

然后今天清除缓存发现这招无用了,唉一招武功被废!然后搞到其他页面的css样式都消!失!了!

重新排查,chrome显示是过滤器的问题:Resource interpreted as Stylesheet but transferred with MIME type text/html: "".   发现css文件在浏览器被识别为 type=text/html 。

按照一些网友的方法:

  • 重新把引入的css样式全都加上 type=text/css charset=utf8。 当然是没有任何用啦!
  • 又看到说是哪儿的过滤器里的语句 type=text/plain 作法把 text/css 变成了 text/html, 我晕菜!根本就没搞过这玩意儿!忽略之。
  • 最后看到知乎上的热心网友说直接把 html 页面的  声明给删了就行,然后尝试了一下,ojbk!完美解决。

     贴一下热心网友的地址 https://blog.csdn.net/lamanchas/article/details/77647521

      但是我已经看到有网友说这个办法不稳定,明天的事情明天再说吧,886~

做的一个小项目,昨天还好好的今天打开一看:居然样式全部失效了!!立即百度一下搜索解决方法,然后排查发现:

  • 不存在路径错误
  • 不存在格式错误
  • 不存在编码错误
  • 不存在语法错误

既然不是这几个错误,那就剩下浏览器缓存问题了:

  • 打开浏览器(我用chrome)-- 更多设置 -- 清除浏览数据
  • 选择清除最近几天的数据

再重新运行项目,哇!丝滑无比,样式全部出来了!Jesus Christ!

你可能感兴趣的:(CSS样式全部失效)