功能介绍:利用media
属性单独对打印实现样式传参!
css代码如下:
@media print{
//设置样式
}
@media screen{
//设置样式
}
@media table{
//设置样式
}
引用样式:
//结合js打印显示不同样式
<link href="print1.css" rel="stylesheet" type="text/css" media="all" />
<link href="print2.css" rel="stylesheet" type="text/css" media="print" />
以上是编程学习网小编为您介绍的“window.print()设置不同打印样式表”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:window.print()设置不同打印样式表


基础教程推荐
猜你喜欢
- react-router-dom v6 使用详细示例 2024-02-07
- js+ajax处理java后台返回的json对象循环创建到表格的方法 2023-01-21
- JavaScript中获取鼠标位置相关属性总结 2024-02-07
- 在VS Code中vue引入新版vue-awesome-swiper编译时提示swiper/dist/css/swiper.css无法导入的问题 2023-10-08
- 如何在Vue中实现图片的黑白处理? 2025-01-14
- 让横向排列的几个浮动(float:left)的子div居中显示 2024-03-12
- JavaScript Event事件学习第一章 Event介绍 2024-01-05
- 无限分级和tree结构数据增删改【附DEMO下载】 2022-12-28
- 快速解决ajax传递为空但显示在页面上为undefined的问题 2023-02-23
- js实现点击注册按钮开始读秒倒计时的小例子 2024-01-08