6

我有一个带有引导 css 布局的页面。我正在尝试打印一张桌子。然而,表格看起来与屏幕上的完全不同。我包括这样的css文件:

<link href='../bootstrap.min.css' rel='stylesheet' type='text/css'>

有没有办法让打印的表格看起来与屏幕上的一样,或者我是否必须为我要打印的表格创建一个特定的 css 文件?

4

3 回答 3

7

您也可以使用打印和屏幕应用样式表media='screen,print'

 <link ../bootstrap.min.css' rel='stylesheet' media='screen,print'>
于 2013-06-30T18:32:48.687 回答
3

将每个替换col-md-col-xs- 例如:将每个替换col-md-6col-xs-6

并且不要忘记使用引导表类。

这是对我有用的东西,可以让我摆脱这个问题,你可以弄清楚你必须更换什么。

谢谢你。

于 2017-03-12T13:22:51.390 回答
1

您应该使用media="all"来确保您的 css 将应用于所有情况,包括打印。使用media='screen,print'对我不起作用。

<link ../bootstrap.min.css' rel='stylesheet' media='all'>
于 2016-03-30T21:32:21.067 回答