问题标签 [print-css]

我的应用程序之一是基于网络的 POS（销售点）。所以在用 chrome 打印发票时。页眉和页脚由浏览器自动插入，我想通过页面抑制，无需用户干预..

我在印刷媒体中应用了一些CSS ，

但它不适用，也许选择器不正确？

而且我也尝试减少边距，但是如果打印有多个页面，它会剪切/覆盖页面内容。还有一件事，我不想禁用 chrome 的打印预览选项。

有人对此有很好的解决方案吗？

此致..

大家早，

我正在尝试使网页打印机友好。通过拥有另一个样式表并且引用这是我的母版页，我已经成功地为我的一个页面完成了此操作。

我遇到的问题是我希望有一个打印机友好选项保持的主页是由 ASP 组成的。面板控件，这些也有 1 或 2 个子面板。我使用这些面板来减少混乱和滚动。

如果我将相关的 div 标签添加到主页，我似乎只能获得这些面板的标题，而不会获得子标题或这些面板中的内容，除非我在单击打印机友好按钮之前折叠这些面板。

这不是我希望用户完成的任务，而且打印机友好页面看起来很糟糕，因为我想删除面板/框。有没有办法让我格式化这个页面，所以当用户按下 pinter 友好按钮时，我看不到面板，而只是看到内容？

问候贝蒂。

这是我的可折叠面板的一些示例代码...

我的网页上有几张图像（不是背景图像），当我看到 100% 比例的打印预览时，图像看起来不错，但我的问题是当我使用缩小以适应比例进行打印预览时，所有图像都来了比实际尺寸小。我没有在 IMG 标签上提供任何宽度或高度属性，所以我假设在打印预览中它会在它们出现在屏幕上时加载。我在 IMG 的打印媒体中使用了下面的 css，但它没有用

我期望 Shrink 中的相同图像尺寸适合并 100% 缩放。

这可能吗？我在打印 css 中遗漏了什么吗？请指教。

Firefox 和 IE 在打印预览时显示图像周围的边框。这是一个简单的页面，有两个 div，每个 div 包含一个宽度为 400px 的图像，容器 div 为 800px。我不希望在进行打印预览时获得的两个图像之间出现白色边框。我在这里做错什么了吗？（在 chrome 中它不显示白色边框。）

我也尝试过此代码用于打印 css，但没有运气..

代码是：

stackoverflow 或其他论坛中的大多数问题都展示了如何生成视图并通过电子邮件发送它们。

但我的目标是从具有该media=print格式的视图生成 PDF，并通过电子邮件将其作为附件发送。

我有一个显示报告的视图。我使用 CSS Print 以打印格式显示此报告。（基本上我显示一些元素并隐藏其他元素）。

如何从此视图生成 PDF（格式为media=print）并通过电子邮件附件发送。

我正在使用 ActionMailer 发送电子邮件并使用 iTextSharp 生成 PDF

我正在尝试在我们的网站上设置一个页面以正常打印，我遇到的问题是，为了测试它，我需要继续打印到文件。

如果有一种方法可以在打印页面时显示页面，我更愿意这样做。

这可能吗？（铬）。

我正在设计一组要打印的 HTML 页面，并且我希望页面的元素最终具有相同的比例。例如，有一类 div 的宽度被定义为 200px 宽出现在几个页面中的每一个上。我希望它在打印每一页时显示完全相同的尺寸（适用于例如剪切和叠加）。

我正在使用一些在 Chrome 中效果最好的东西（主要是 CSS 缩放规则以在其他地方拥有较小的元素副本），所以理想情况下我想继续使用 Chrome。（这在 Firefox 中会更容易，因为它在打印对话框中有一个明确的比例。）但在 Chrome 上，从不同页面打印时保持相同的元素大小一致远非易事。

Chrome 的 PDF 生成（这是 Chrome 在后台打印的内容）似乎选择了一些部分来定义页面的宽度，并在此基础上缩放页面的其余部分。或者它可能会尝试将页面大小设置为适合一页上“最佳”数量的元素。如果每个页面的外部框架元素在所有情况下都不是相同的尺寸，那么屏幕尺寸为 200 像素的元素似乎可以从 3-4 厘米到 1.5-2 厘米或更小。

只是使用@page size没有帮助：我有这个 CSS，它没有任何区别：

有人对如何以一致的尺寸打印出东西有任何想法吗？

我可以应用的一种极端解决方法是让它们成为一个大 HTML 页面的所有部分，并使用 Javascript 将某些部分标记为唯一要打印的部分......我什至不确定这是否可行，而且它d 在几个不同的页面上更清晰地热衷于事物。那么还有其他想法吗？

当我在 Chrome 26 中打印我的页面时遇到问题，其中表格显示为灰色背景色。

当我用模拟的 CSS 媒体打印在 chrome 中查看页面时，它看起来很好

在 Safari 中打印时一切正常。任何人都知道如何解决这个问题？

我有一个页面，其中有很多关于一个项目的信息，下面有一个小的“下载规范 pdf”按钮。单击它会单独打开 pdf，这就是我需要的 web 版本。

但是我目前正在处理我的打印 css，我的目标是在此处创建一个打印 css，显示信息及其下方的 pdf，包含在同一个打印文件中。

是否可以在我的页面中嵌入 pdf（仅用于打印 css）？我试过使用<object>orembed标签，但这似乎根本没有出现在我的打印 css 中。

更新：我设法使用 显示 pdf iframe，但我无法将 iframe 高度设置为 pdf 的高度。pdf 是动态的，所以它不是一个设定的高度。事实证明，通过 jQuery 动态更新高度是不可能的，因为 iframe 中的文件下载不会触发 onload 事件。如果有人可以帮助我找到解决方案，我将不胜感激。

提前致谢。

我需要用 bootstrap 3 打印，但我不能让它看起来不错，有什么想法可以解决吗？

这是应该的

目前看起来像这样

这是我的代码