如何创建打印机友好的HTML页面?

如何创建打印机友好的HTML页面?,html,css,ruby-on-rails,printing,Html,Css,Ruby On Rails,Printing,如何在特定Rails视图上更改或删除应用程序中的布局,以允许用户获得更愉快的打印体验?(无导航栏或其他额外数据) 几个小时来,我一直把头靠在桌子上,想弄明白这一点。我尝试过使用渲染布局:false,但没有成功 我尝试过创建一个如下的操作,但对我也不起作用: def print respond_to do |format| format.html { render layout: false } end end 我尝试使用以下链接链接到此操作: “打印”,目标:'\u新'> 我

如何在特定Rails视图上更改或删除应用程序中的布局,以允许用户获得更愉快的打印体验?(无导航栏或其他额外数据)

几个小时来,我一直把头靠在桌子上,想弄明白这一点。我尝试过使用
渲染布局:false
,但没有成功

我尝试过创建一个如下的操作,但对我也不起作用:

def print
  respond_to do |format|
    format.html { render layout: false } 
  end
end
我尝试使用以下链接链接到此操作:

“打印”,目标:'\u新'>

我是不是完全不在这里了?我怎样才能更好地接近这个障碍?
我不想使用PDF或Javascript,我只想呈现打印机友好的HTML。

您可以使用CSS这样做:参见


@媒体印刷品{
正文{背景颜色:#FFFFFF;背景图像:无;颜色:#000000}
#ad{显示:无;}
#左栏{显示:无;}
#contentarea{宽度:100%;}
}
当它检测到页面被发送到打印机时,它使用简化的CSS

另见:

摘要:如何制作打印机友好的网页

如果你的网站为你的受众提供了价值,那么他们很可能就是这样 将要打印页面。确保桌面打印机能够处理 你的网站是建立一个伟大网站的另一个方面 用户体验

本文简要介绍如何使用级联样式表 设计印刷网页


检查这是一个很好的参考和简单的概念。我现在正在制作print.css样式表,但是当我单击打印机友好链接时,我必须弄清楚如何应用它。谢谢大家!@皮拉比特:你甚至不需要打印友好链接。如果您查看更新的答案,您可以看到,当检测到打印机时,打印机友好的CSS可以自动执行。没有其他用户界面是必要的。您更新的内联样式对我来说非常有用!我只需要确保随时更新CSS。非常感谢。如果您有一个默认的CSS样式表,只需在其中添加定义即可。这将使你的网站上的每一页,使用通用样式表是“打印机友好”伟大!!!但我的预览版总是有第二页,知道吗??
<style type="text/css">
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #ad{ display:none;}
  #leftbar{ display:none;}
  #contentarea{ width:100%;}
}
</style>