用途:为网页编写适合打印的 CSS 样式,基于 @media print,适用于文章、文档、发票、收据及用户可能打印的任意内容。
主要能力:隐藏导航、页脚、侧栏、菜单、广告、表单、按钮、视频等非必要与交互元素;重置背景为透明、文字为黑色以省墨;设置正文衬线字体约 12pt、标题无衬线并继承内容;配置 @page 页边距与纸张尺寸(letter/A4/横竖版);控制分页(break-before/after/inside、page-break 兼容属性)避免标题与内容、图片与题注、表格与代码块被拆散;链接用 attr(href) 显示 URL;表格宽度 100%、thead 每页重复、行不跨页;图片限制最大宽度且不跨页;提供 invoices、receipts 与 articles 的示例模板;附打印样式检查清单。
使用方式:可单独建立 print.css 并用 <link rel="stylesheet" href="/css/print.css" media="print"/> 引入,或在主样式表中直接写 @media print 块,也可结合 @layer 组织。提供了 .print-only、.no-print、.page-break 等工具类。测试方式:Chrome 在 DevTools 的 Rendering 中模拟 print 媒体类型,Firefox 切换打印媒体模拟,Safari 在 Web Inspector 切换打印样式;建议用实际打印预览验证。
限制:资料未说明该技能为可安装包或提供安装命令;未涉及收费、价格、平台与效果保证,这些信息暂未提供。