打印功能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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐