打印预览隐藏表格边框

Question

我有一张1px border的常规表格。它看起来很好，但不是：

但是当我进入打印预览时，我的边框变得不可见：

当我打印页面时它出来很好，只有当我试图将其保存为PDF时才显示线条没有显示 的CSS：

.print_table {
    width: 900px;
    border: solid 1px;
    border-collapse: collapse;
}
.print_table th{
    border-color: black;
    font-size: 12px;
    border: solid 1px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
.print_table td{
    border-color: black;
    font-size: 12px;
    border: solid 1px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: center;
}
.print_table tr:nth-child(odd){
    background-color:#E8E8E8;
}
.print_table tr:nth-child(even){
    background-color:#ffffff;
}

编辑：甚至在我的边界上试过!important，没有。 尝试使边界2px，它的工作，但2px是太大了

Answer 1

将整个内容包裹在@media all {}规则中。这将CSS应用于各种显示，在这种情况下，包括打印和屏幕。

@media all {
    /* Your code here */
}

有关@media次查询的详情：http://www.w3schools.com/css/css_mediatypes.asp

JSFiddle演示：http://jsfiddle.net/gbftsxsu/embedded/result/