首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

打印式样CSS的技巧和要点

2013-11-23 
打印样式CSS的技巧和要点?看下面这是HTML:?其中一个问题是,打印页面上的锚文本和图像链接也将扩大。我们可

打印样式CSS的技巧和要点

?

看下面这是HTML:

?

其中一个问题是,打印页面上的锚文本和图像链接也将扩大。我们可以很好的用CSS规则修复

?

所有这些方法都假定用户将继续通过手工输入网址。 一个更好的解决方案是通过提供匹配的QR码的数字版本的页面更容易访问。

?打印链接二维码使之更容易访问

如下图: 打印式样CSS的技巧和要点我们需要使用谷歌 图形API来实现:

我们希望谷歌提供的图表信息(?qr?,在我们的例子中);呈现大小的的QR印记,以像素为单位;URL进行编码;使用的字符编码形式。

通常我们会在页面顶部的一个标题元素关联的URL:

?

从理论上讲,你可以使用一个CSS sprite 之间进行切换不同版本的打印的标志,但是这将意味着增加一倍的文件大小可能没有什么好处。?相反,我建议使用CSS过滤器(和SVG当量,为 Firefox)的反转图像之前,打印的页面: 印刷两种形式的标志(即α-蒙面PNG或纯黑色背景)的结果是:

?打印式样CSS的技巧和要点?总结

由于打印不方便跟踪,而且缺乏重视。在WEB开发中也往往被忽略,大多数时候我们只阅读线上的网页,而不是打印出来。 另一方面即使人们只是偶尔需要打印的东西从网站,这将是理想的,如果页面设计适合的打印机,就像现代的网站适应各种屏幕尺寸和设备。?打印的自适应设计, 可用性和可访问性和Web开发的重要组成部分,同样应考虑的另一个方面。 处理打印自适应设计的另一个方面,我们实现更多的网站用户的需求-并在同一时间,节省墨水,纸张和其他资源,所有这些都是重要的方面可持续发展设计?。

?

转载:cocss ? 打印样式CSS的技巧和要点

?

?

热点排行