页面（全屏弹窗）内容设计如上图所示：
其中页面右下方有两个按钮：
这样可以调用浏览器打印功能，但是打印预览页面上会出现右下方的两个按钮，这肯定是用户不想看到的。
因此还需要根据 CSS媒体查询 来区分：
欢迎访问： 个人博客地址
最近做了个运用浏览器打印合同的功能，之前没做过，记录一下其中遇到的问题，打印页面建议使用新开窗口 原型图如下： 页面内容不多说，表格直接用table绘制，在页面顶部加一个悬浮的打印按钮。点击打印按钮调用打印机(ctrl+p) 实现的打印预览效果如下图： 谷歌浏览器可在打印预览-更多设置-选项中去除页眉和页脚的勾选 打印的页面不可出现横向滚动条，否则会出现打印出来的内容显示不全的问题。IE10在打印时可能会遇到一些问题，这是由于IE10的打印机驱动程序的不兼容性造成的。为了解决这个问题，您可以尝试更新IE10的打印机驱动程序，或者使用其他浏览器（如Chrome或Firefox）来进行打印。
