您的位置:首页 > 其它

响应式状态时的jqprint打印

2016-03-24 00:00 134 查看
摘要: 响应式状态时的jqprint打印

最近需要打印,使用jqprint 进行打印,页面状态是电脑平板都能正常显示的响应式页面,打印时由于要打印在一个A4纸上,需要定义打印的宽度,并且点击打印的同时,需要修改页面的样式
从而保证页面内容打印在A4纸张的范围内(点击打印前是响应式的,打印时是固定的宽度),主要代码如下:
$("#printArea").css("width","295mm");
$(".row .col-md-6").removeClass("col-md-6").addClass("col-xs-6");

//Bootstrap栅格系统从原来中屏幕为2列,小于中屏幕为1列,点击打印时都为2列
$("#printArea").jqprint();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: