打印样式CSS的技巧和要点
?
看下面这是HTML:
?
其中一个问题是,打印页面上的锚文本和图像链接也将扩大。我们可以很好的用CSS规则修复
?
所有这些方法都假定用户将继续通过手工输入网址。 一个更好的解决方案是通过提供匹配的QR码的数字版本的页面更容易访问。
?打印链接二维码使之更容易访问如下图: 我们需要使用谷歌 图形API来实现:
我们希望谷歌提供的图表信息(?qr
?,在我们的例子中);呈现大小的的QR印记,以像素为单位;URL进行编码;使用的字符编码形式。通常我们会在页面顶部的一个标题元素关联的URL:
?
从理论上讲,你可以使用一个CSS sprite 之间进行切换不同版本的打印的标志,但是这将意味着增加一倍的文件大小可能没有什么好处。?相反,我建议使用CSS过滤器(和SVG当量,为 Firefox)的反转图像之前,打印的页面: 印刷两种形式的标志(即α-蒙面PNG或纯黑色背景)的结果是:
??总结由于打印不方便跟踪,而且缺乏重视。在WEB开发中也往往被忽略,大多数时候我们只阅读线上的网页,而不是打印出来。 另一方面即使人们只是偶尔需要打印的东西从网站,这将是理想的,如果页面设计适合的打印机,就像现代的网站适应各种屏幕尺寸和设备。?打印的自适应设计, 可用性和可访问性和Web开发的重要组成部分,同样应考虑的另一个方面。 处理打印自适应设计的另一个方面,我们实现更多的网站用户的需求-并在同一时间,节省墨水,纸张和其他资源,所有这些都是重要的方面可持续发展的设计?。
?
转载:cocss ? 打印样式CSS的技巧和要点
?
?