用于打印的页面设计
作者：zhusun 发布时间：2009-07-06 12:47:00
在网站的一些应用中需要提供用户直接打印页面的功能，最明显的就是电子优惠券，商家根据网站提供的模板输入内容，然后生成优惠券页面，用户打印这个页面即是优惠券。
当然最优的做法是根据这个页面生成一个图片文件，用户下载这个图片再去打印，打印的效果就不会受浏览器的设置而受影响打印出来的效果。
但如果由于一些原因，为了快速或者节约成本，不去将页面存为图片文件的操作，那么就只有直接将HTML页面直接打印下来，这样就需要在对页面的设计中有一些额外的要求，这里提出两个地方需要注意：
1.对style标签的属性设置：
<style type=”text/css” media=”print”>
这里表示该style内引入或者定义的样式属性仅仅在打印的时候使用，这里提醒一下，如果没有设置media属性，那么定义的样式将在浏览器和打印时都起效，所以建议将类似这样的样式放在所有常规样式之后。比如我们希望在打印出来的页面上有一行“打印与雅虎口碑网”，但在浏览器中并不现实：
<p class=”printTitle”>打印asp之家 aspxhome.com</p>
那么我们就可以在统一样式中设置.printTitle{display:none;},而在后面的media为”print”的样式中设置为.printTitle{display:block;}。在定义的打印样式并不是在打印时的优先级会高于常规定义的样式，所以再次建议将打印样式放在所有常规样式之后。
2.在页面打印的时候浏览器的设置会对打印的效果有影响，在IE中的“工具”–“Internet选项”–“高级”中有一个“打印背景颜色和图像”，类似的在Firefox中“文件”–“页面设置”中有一个“打印背景颜色和图像”，当这个选项被选中的时候，页面中的背景颜色和图片都可以打印出来（有些不标准的IE内核浏览器似乎有些问题，背景颜色可以打印出来，但是背景图片不行），如果没有选中则背景颜色和图片都无法打印出来，所以为了屏蔽用户不同的浏览器和浏览器设置，我建议两点，第一是在用背景色填充的区域作为分界的地方加上1px的边框，颜色和背景色一样，这样在浏览器中看不出来变化，而在打印的时候即使用户的设置导致背景色无法打印出来也可以有一个边框来作为分割，最大层的上保留了页面格局；第二是对所有必不可少的图片都使用<img/>标签，这样无论用户浏览器怎么设置都可以将这些图片打印出来，可能这样与平时一些页面设计方式不同，但为了统一打印的效果，也只要让步了。
我这里简单的提出了一些在实际运用中遇到的问题，如果大家还有什么新的问题和想法，可提出来共同谈论，在这里先抛砖了；
0
投稿猜你喜欢
目录背景实现工具打包调用总结众所周知，Golang 适合写 CLI 工具，但你可能还不知道 Golang 还可以打包配置文件。背景最近在写一- 为标签添加背景图片import sysfrom PyQt5.QtGui import *from PyQt5.QtCore import *
- 脚本架构：domain_test.py：批量解析运行主程序DomainResult.txt：域名解析结果文件domains.txt：解析的域
- 前言pytest配置文件可以改变pytest的运行方式，它是一个固定的文件pytest.ini文件，读取配置信息，按指定的方式去运行非tes
- 我就废话不多说了，直接上代码吧！import torchimport timex = torch.Tensor([[1, 2, 3], [5
- 前言MySQL 8.0终于支持降序索引了。其实，从语法上，MySQL 4就支持了，但正如官方文档所言，"they are pars
- 目录Python的引入变量的引入为什么要有变量定义变量常量引入常量池引入Python解释器Python变量存储机制Python垃圾回收机制引
- 目录一、for在 Python 中使用循环进行迭代二、使用 Python 的 enumerate()三、用 Python 练习 enumer
- 一扯上文化二字，总觉虚无缥缈、漫无边际，或者老气横秋，如何有趣地利用中华文化的思想和符号，结合现代的元素，使其成为有意思的传播手法，这个问题
- PYTHON 字节码设计在本篇文章当中主要给大家介绍 cpython 虚拟机对于字节码的设计以及在调试过程当中一个比较重要的字段 co_ln
- 译者的话：寡妇、孤儿、捧打鸳鸯，这些场面足以让你有想哭的冲动，但当你在排版设计时，同样会碰到这些问题，甚至可能更槽。虽说今天的页面排版软件可
- 目录1、为什么使用2、空结构体的特殊性3、使用场景3.1 实现方法接收者3.2 实现集合类型3.3 实现空通道前言:在 Go 语言中，有一个
- Saver的用法1. Saver的背景介绍我们经常在训练完一个模型之后希望保存训练的结果，这些结果指的是模型的参数，以便下次迭代的训练或者用
- dlib包安装失败 python安装dlib时报错：Running setup.py install for dlib &helli
- pycharm的pytest功能在新建一个python文件时，比如名称是test_test_test.py，由于含有test，pycharm
- 一、概述SQL Server提供了“分离/附加”数据库、“备份/还原”数据库、复制数据库等多种数据库的备份和恢复方法。这里介绍一种学习中常用
- 正常的页面跳转的api大家应该都清楚，但是涉及到多页面来回跳转以及返回到导航页的时候就需要一些技巧来进行处理，之前找了挺多文章也没有很详细的
- 前言本文将使用pytorch框架的目标识别技术实现滑块验证码的破解。我们这里选择了yolov5算法例：输入图像输出图像可以看到经过检测之后，
- 临近下班的时候，突然想到统计热门文章的问题。以前我所知道的热门文章统计，基本有这么几种：按点击数排序 该方法最大的问题在于热门的文章会越来越
- python是一种跨平台的计算机程序设计语言。python是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言，可以应用于科学计算
