找到原因鸡腿奉上

预览地址：https://blog.52013120.xyz/zhibo

代码：https://github.com/sky22333/zhibo/blob/main/docs/index.html

问题如下：

播放器在未播放视频时，怎么成扁的了？重点是前几天还是好好的，我都没改动过代码，他自己就成这样了，播放器上游项目也没更新过，真是奇怪了，是浏览器自动更新了然后导致某些css代码失效了吗？求大佬们帮我看看

已排查过的问题

  • cdn链接正常
  • 控制台无错误日志
  • 播放器上游依赖没有发布新版本

再次强调重点

  • 代码一直未变过，之前一直都是正常的，最近几天才自动出现异常
  • 部分佬友的少部分浏览器显示正常，大部分浏览器也是扁的
  • 想搞明白根本原因，我猜测是浏览器最新更新了渲染机制和css语法，但是这种情况控制台一般都会有提示的