功能介绍:利用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()设置不同打印样式表


猜你喜欢
- Ajax上传图片及上传前先预览功能实例代码 2023-02-14
- Ajax异步方式实现登录与验证 2022-10-18
- ztext酷炫3D特效文字的JS插件库文档官网介绍 2025-01-19
- vue项目指定区域打印功能(指定区域不打印) 2025-01-15
- vue项目中解决 IOS + H5 滑动边界橡皮筋弹性效果(解决思路) 2024-02-20
- 宝塔Linux面板部署SSL直接闪退重新加载面板解决方法 2025-01-18
- HTML - <div>和<span>标签 2023-10-27
- HTML标签 2023-10-27
- 关于 extjs4:Extjs Grid 面板 – 使用 hideable=false 2022-09-15
- vue之搭建 前端项目 2023-10-08