响应式状态时的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();
最近需要打印,使用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();
相关文章推荐
- lodop打印技巧与注意事项
- bootstrap和angular.js技术要求
- bootstrap-table组件使用说明
- freemarker常见语法大全
- 1000000人都赞同的嵌入式工程师养成计划
- Python读大数据量txt文本
- apache 伪静态 配置
- 集成支付宝钱包支付iOS SDK的方法与经验
- What is Bluetooth Profile[待翻译]
- process has not exited
- AngularJS简介
- AngularJS过滤器
- AngularJS基础语法
- AngularJS 服务(Service)
- KeyMob-移动广告聚合平台,专业聚合广告
- KeyMob--后者居上的移动广告聚合平台
- KeyMob开启移动广告聚合的大门
- 选移动广告聚合平台,我选KeyMob!KeyMob移动广告聚合平台
- KeyMob移动广告聚合平台--用户口碑好,开发者赚收入!
- KeyMob移动广告聚合平台每天收入多一点