laravel-debugbar chrome浏览器样式错乱问题

使用chrome 浏览器，打开 laravel-debugbar 本地调试
发现显示的信息，样式错乱

这信息没法看呢。什么原因造成的，？？？还不知道
但是解决办法总是有的。

处理样式css
class=“phpdebugbar-widgets-params” , 找到css样式，取消 margin: 10px 100% 10px 0; 勾选即可。

但是这种修改对浏览器是临时的，刷新页面就又错乱了。

能不能通过文件永久解决呢？
找到css文件地址：
https://www.sample.com/_debugbar/assets/stylesheets?v=1573732434
找到对应文件修改，保存即可。

laravel-debugbar chrome浏览器样式错乱问题相关推荐

取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题(避雷) 浏览器的自动翻译会影响页面数据展示因为我呢用的谷歌浏览器,有时候需要查看英文文档,平时会开着自动翻译翻译,如图: 然后今天在写网页的时 ...
ie浏览器杂项样式错乱
ie浏览器杂项样式错乱解决方法: 我是jsp页面,在jsp头部有此为ie标准模式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra ...
el-table表格fixed=“right“后表格错乱；Safari浏览器el-table表格错乱；Safari浏览器样式需改无效；
场景:el-table表格操作列右固定fixed="right",导致表格错乱.其实是由于某行的字体太多,所导致操作列高度错乱. 至于Safari浏览器样式修改无效的问题:每次修改 ...
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题 - 接口返回数据被翻译
背景:Chrome浏览器自带谷歌翻译,这个翻译还是挺实用的,但如果前端代码设置不当,再加上用户操作失误就容易造成很多莫名其妙问题,下面详述问题现象.排查过程及解决方案文章目录一.问题现象二.排查 ...
html禁止浏览器修改字号,在高版本Chrome浏览器中自定义强制样式表修改页面字体显示...
Firefox有一个比较好的功能,就是禁用页面指定的字体,改为使用用户强制指定的字体来渲染也页面.但是在Chrome中却没有这样的设置,Chrome的原意是尊重网页设计者的意图,尽可能原样显示页面.但 ...
如何使用Laravel Debugbar?
非常好用的Laravel debug工具,一定要安装 Chrome/FireFox 都会自带一些 debug 工具可以帮助我们 debug 前端,如 CSS.JavaScript- 等,但若要 deb ...
lodop打印html没有样式,关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案...
关于Lodop打印是个很牛逼的打印插件,但是打印Bootstrap的样式的时候很恶心比如:页面是这样打印之后的效果恶心的不要不要的单独修改后的样式出现这样的问题就是可能是bs把这个插件当做手机 ...
chrome浏览器font-size12px无效解决办法
当样式设定font-size<12px时,chrome浏览器里字体显示仍为12px: 如font-size:11px; 但是chrome还是12px的大小,很不听话. 今天我就遇到了这样的问题? ...

laravel-debugbar chrome浏览器样式错乱问题

laravel-debugbar chrome浏览器样式错乱问题相关推荐

最新文章

热门文章