如何使用CSS创建易于打印的页面

“谁打印网页?” 我听到你哭了!相对而言,很少有纸页可以复制。但是请考虑:

打印旅行或音乐会门票复制路线方向或时间表保存副本以供离线阅读在连通性差的区域中访问信息在危险或肮脏的条件下使用数据,例如厨房或工厂输出书面注释的草稿内容打印网络收据以进行簿记向难以使用屏幕的残障人士提供文件为拒绝使用这种新奇的t-internet废话的同事打印页面。

不幸的是,打印页面可能会令人沮丧:

文字可能太小,太大或太暗列可能太窄,太宽或页边距溢出切片可能被裁剪或完全消失墨水浪费在不必要的彩色背景和图像上链接网址无法显示图标,菜单和广告将被打印,永远无法点击!

许多开发者主张Web可访问性,但很少有人记得使打印的Web可访问!

将敏感的,连续的介质转换为任何尺寸和方向的分页纸都可能是一项挑战。但是,CSS打印控件已经可以使用很多年了,基本样式表可以在数小时内完成。以下各节介绍了使页面易于打印的良好支持和实用选项。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

打印样式表

打印CSS可以是:

除屏幕样式外,还适用。以屏幕样式为基础,打印机样式将在必要时覆盖这些默认样式。应用为单独的样式。屏幕和打印样式是完全分开的。两者都从浏览器的默认样式开始。

选择将取决于您的站点/应用程序。就个人而言,我大多数时候都使用屏幕样式作为打印基础。但是,我为输出完全不同的应用程序使用了单独的样式表,例如会议预订系统,该系统在屏幕上显示时间表网格,但在纸上按时间顺序排列。

可以<head>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值