OpenWRT状态页面在最新Chrome中排版错乱的解决办法

  • 2019-08-18
  • 220
  • 0
  • 1

  不知道从啥时候开始,chrome哪次更新以后,OpenWRT的网络状态信息那里变成了这个样子,出现了排版错乱,如下图所示:

但是微软Edge里面正常,官方似乎觉得这不是个什么大问题,所以就一直没修复,从18.06.1一直等到18.06.4,现在19.07都快出正式release了都没修复,真的是逼死强迫症,算了,不指望官方了,自己修复吧。

  chrome开发者工具大法好,审查一下元素,发现出问题的元素属于cascade.css中的.network-status-table .ifacebox-body控制的:

看了一下,似乎是这个height:100%的问题,删掉试试?

果然,删掉就好了:

所以,Chrome的flex布局中,对这个height属性怕不是有什么误解?

好了,看来问题还是比较容易解决的,接下来就直接ssh进路由器里面改吧,直接修改/www/luci-static/主题名字/cascade.css即可,我这里只改了material主题,所以修改 /www/luci-static/material/cascade.css即可。

不过如果是squashfs的rom,那么只能重新编译了,因为squashfs不能修改,重启后会恢复原状,如果是ext4文件系统,直接改完就OK。大概在文件1771行左右,删掉height:100%,然后保存即可。

待我有空了去给官方提个pull request。

评论

还没有任何评论,你来说两句吧

发表评论

*

浙ICP备16016405号-2
浙公网安备 33010602007544号