功能介绍:利用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()设置不同打印样式表
基础教程推荐
猜你喜欢
- jQuery计算文本框字数及限制文本框字数的方法 2024-02-08
- 自动刷新实现,vuex状态绑定 2023-10-08
- JavaScript重定向URL参数的两种方法小结 2023-12-26
- AngularJS入门教程之Cookies读写操作示例 2024-01-12
- AngularJS通过ng-route实现基本的路由功能实例详解 2024-02-10
- Bootstrap 粘页脚效果 2023-12-08
- 基于CSS3实现的黑色个性导航菜单效果 2024-01-09
- Vue 父子组件的通信传参(props、$emit) 2023-10-08
- Nginx是如何实现访问日志的? 2025-01-15
- JS与CSS3实现图片响应鼠标移动放大效果示例 2023-12-19
