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"/>

但是，如果我删除平板电脑和移动广告系列，即使在Chrome中，我也能看到文字内容。

可能是什么问题？

非常感谢提前！

Answer 1

css/table.css或css/mobile.css内可能有一个定义＆＃34;隐藏＆＃34;内容。

搜索这些文件：

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

在某些"breakpoint"，关联的内容正在隐藏＆＃34; ...

Chrome中的media print.css不会打印html内容

1 个答案: