火狐浏览器打印时会出现边框线不显示(缩放页面也会出现)

有人说，这个问题不是浏览器的缘故，而是缩放本身的机制导致的；
但是我发现谷歌缩放是没问题的，火狐就有问题

所谓缩放就是针对展示内容的像素进行缩减，当刚好到某一个点时，就会出现边框线消失的问题了

目前的方法就是:
需要对表格及单元格的边框线重新设置

th, td {
border-left: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
tr th:last-child,
tr td:last-child {
border-right: 1px solid #e8e8e8;
}
tr:first-child th {
border-top: 1px solid #e8e8e8;
}

还需要对表格重置下双边框问题
table {
border-spacing: 0; // 设置相邻单元格的边框间的距离（仅用于“边框分离”模式）
border-collapse: unset; (collapse/separate)
border: 1px solid #000;
}

collapse 相邻的单元格共用同一条边框（此属性火狐不兼容）
separate 每个单元格拥有独立的边框

这样在打印预览中，就可以发现边框线出来了

火狐浏览器打印时会出现边框线不显示(缩放页面也会出现)相关推荐

EXCEL多页打印时，上边框线无法显示
excel打印多页,从第二页开始第一行的上边框线无法显示.请问怎么解决. 不是不显示.是正好与上面的页眉的下面的显示重叠了.所以,看着不明显.但是打印预览是正常的. 调整下页面打印预览里也不显示的. ...
Excel没有设置边框线，打印却有边框线
Excel没有设置边框线,打印却有边框线明明没有给Excel表格设置边框线,预览和打印出来却显示有边框线,特别是那一圈包括全表格的边框线特别烦人,死活去不掉. 经过一番摸索,终于找到解决办法,off ...
火狐浏览器打开时会自动打开毒霸网址大全
参考:http://mozilla.com.cn/thread-332282-1-1.html 去掉金山毒霸网址大全打开金山毒霸-->百宝箱-->找到浏览器保护做出如下设置即可: 重新 ...
CSS 解决火狐浏览器打印时，背景颜色丢失的问题
问题描述:react-to-print 打印指定div时,在谷歌和edge可以正常打印,在火狐打印时,打印部分的背景颜色丢失. 解决: 在打印的div中加样式: { print-color-adj ...
火狐浏览器打印网页不全_武汉社保网上下载打印流程
现在评论里发现一个新版的,大家也可以试试.https://www.hoscen.cn/blog/hao/articles/184053017752895488.html 本人在办理武汉社保网上打印的时 ...
火狐浏览器保存书签不在书签工具栏显示
将书签工具栏添加到浏览器搜索框下面后,发现保存的书签进不去,也不知道什么原因?如下: 问题原因及解决方法
火狐浏览器安装Vue.js devtools 控制台不显示问题
Vue.js devtools 安装成功之后,火狐控制台底部却不显示由于使用了生产版本的vue.min.js,导致控制台没有Vue.js devtools 插件解决办法:把原来使用的生产版本改为开 ...
浏览器打印出完整的知乎文章为PDF文件
浏览器打印出完整的知乎文章为PDF文件 1.前言最近看知乎文章,遇到一些好文章想打印下载成PDF文件方便收藏和离线阅读.但知乎文章正常打印会有上下两个栏幅挡住一些内容,非常影响阅读.在网上也找了一些 ...
火狐浏览器所有的快捷键
From: http://zhidao.baidu.com/question/218604936.html firefox快捷键搜索类:本页查找: Ctrl+F 再次查找: F3 输入查找链接: ' ...

火狐浏览器打印时会出现边框线不显示(缩放页面也会出现)

火狐浏览器打印时会出现边框线不显示(缩放页面也会出现)相关推荐

最新文章

热门文章