- 引入jquery.print.js 和jq
https://github.com/DoersGuild/jQuery.print
$.print("#myElementId");
$("#myElementId").print({
globalStyles:true,
mediaPrint:false,
stylesheet:null,
noPrintSelector:".no-print",
iframe:true,
append:null,
prepend:null,
deferred: $.Deferred()
});
问题
-
将需要打印的元素去掉滚动条,不然隐藏的元素不会打印。或者更改打印机的纸张大小
-
谷歌更多设置选中背景图像;ie>打印>页面设置>打印背景颜色和图像。否则打印出来的样式不全,图片没有
-
如果使用字体图标之类的,多选框的对勾。未选中的颜色要设为transparent,不能是其他颜色,打印是如果不设置打印背景,设置黑白色,会将白色对勾打印成灰色
-
如果打印使用栅格布局的元素,要设置不同屏幕下的占比,打印机会根据纸张大小来打印对应的元素;呃 意思就是 如果栅格布局只设置的1920以上的 打印机使用A4纸 元素就会掉下来