打印功能window.print()

1. window.print()打印其实打印的是整个当前网页
2.

在这里插入图片描述

3. 样式问题

如果使用less,scss 是不会生效的
只能使用css语言格式, 就是不能像less、scss嵌套写

//在style中,使用@media print{}
//不要嵌套写
@media print {
	div{
		font-size:12px;
		···
	}
	···
}

背景颜色可能不会生效,字体颜色生效了

也可以不用@media,直接用css语言格式,也能生效,就是相当于打印时和也用这一套样式;但是如果打印时,不想显示打印内容中的某部分,或者改个样式,都比较麻烦;打印时单独用一套样式,就可以方便修改,使用@media print{}不会影响平时展示

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐