Chrome中的Media print.css无法打印html内容

Question

我正在使用的网站中的print.css出现问题。 似乎仅适用于chrome，打印视图无法正常工作。 当我看到打印视图时，只有布局元素，而没有任何文本。

相反，使用Safari和Firefox可以正常工作。

我在站点中的CSS文件是：

    <link type="text/css" rel="stylesheet" href="css/reset.css" />
    <link type="text/css" rel="stylesheet" href="css/960_16_col.css" media="screen and (min-width: 900px)" />
    <link type="text/css" rel="stylesheet" href="css/main.css" media="screen and (min-width: 900px)" />
    <link type="text/css" rel="stylesheet" href="css/tablet.css" media="screen and (max-width: 900px)" />
    <link type="text/css" rel="stylesheet" href="css/mobile.css" media="screen and (max-width: 480px)" />
    <link type="text/css" media="print" rel="stylesheet" href="css/print.css"/>

但是，如果我卸下平板电脑和移动CSS，即使在Chrome中也可以看到文本内容。

可能是什么问题呢？

提前非常感谢！

Answer 1

css/table.css或css/mobile.css中可能有一个“隐藏”内容的定义。

在这些文件中搜索：

• display:none
• visibility:hidden
• text-indent:[someLargePostiveOrNegativeInteger]

在某个“断点”处 ，关联的内容被“隐藏” ...