分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

媒体查询_网页打印样式

发布时间:2023-09-06 01:08责任编辑:白小东关键词:暂无标签

需求:

  客户想要打印网页内容,而打印的数据都是黑白现实的的,不需要其他颜色,需要给客户设置打印样式

那,如何满足需求?

  设置一个打印媒体查询

/* 打印样式 ??========================================================================== *//** */@media print { ???*, ???*:before, ???*:after { ???????background: transparent !important; ???????color: #000 !important; ???????box-shadow: none !important; ???????text-shadow: none !important; ???} ???a, ???a:visited { ???????text-decoration: underline; ???} ???a[href]:after { ???????content: " (" attr(href) ")"; ???} ???abbr[title]:after { ???????content: " (" attr(title) ")"; ???} ???/*使用JavaScript的超链接不打印href*/ ???a[href^=‘#‘]:after, ???a[href^=‘javascript:‘]:after { ???????content: ‘‘; ???} ???pre, ???blockquote { ???????border: 1px solid #999; ???????page-break-inside: avoid; ???} ???thead { ???????display: table-header-group; ???} ???tr, ???img { ???????page-break-inside: avoid; ???} ???img { ???????max-width: 100% !important; ???} ???p, ???h2, ???h3 { ???????/*当标题和文字不分离,3行文字以上带走标题进入下一页*/ ???????orphans: 3; ???????widows: 3; ???} ???h2, ???h3 { ???????page-break-inside: avoid; ???}}

  

  

媒体查询_网页打印样式

原文地址:http://www.cnblogs.com/2bjiujiu/p/7474326.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved