gpt4 book ai didi

css - 与屏幕相同的打印 CSS

转载 作者:技术小花猫 更新时间:2023-10-29 11:40:44 27 4
gpt4 key购买 nike

似乎真的应该有一个简单的解决方案,但到目前为止我一直没有成功找到一个。

我正在使用 Zurb Foundation,我基本上是在创建一个实时表单,该表单从表单(上方)获取输入,并使用 angular.js 填写内容(下方)。然后,用户会将页面打印为 PDF。我想保持下面内容的布局,并且我想在打印时隐藏上面的表格。 Zurb 有一个很好的“打印隐藏”css 规则,当应用于上面的表单时它似乎应该工作得很好,但是当我切换打印样式表时,它基本上剥离所有 CSS 并变回丑陋。

建议?

最佳答案

我在这些类型的情况下所做的是为 print.css 使用一个单独的文件。

<link rel="stylesheet" type="text/css" href="global.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

如果浏览器正在打印,global.css 文件将首先加载,然后 print.css 文件将覆盖之后的任何内容。

不过请记住,所有 background: * 规则在打印时默认情况下在所有浏览器中都将关闭,因此某些样式无论如何都会受到影响。

关于css - 与屏幕相同的打印 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15674886/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com