HTML渲染设置
从 HTML 字符串、文件或 web URL 渲染时,可以配置许多渲染选项。 上面显示的设置包括自定义纸张尺寸及可配置的测量单位、启用 HTML 背景、页面方向、文档标题、延迟渲染过程、指定 CSS 媒体类型、选择纸张模式、创建可编辑的表单字段、自定义边距和添加页码。
CSS 媒体类型 "screen" 和 "print" 是用于指定根据显示或输出介质应用样式的指令。 "screen" 被选择为媒体类型时,表示 CSS 规则旨在用于屏幕观看,优化颜色和布局等数字屏幕的因素。 相反,当选择 "print" 时,它会指示浏览器应用适合打印文档的样式,确保在打印 HTML 内容到物理介质时的可读性和适当的格式。 有时,必须将 CSS 媒体类型设置为 "screen" 以显示某些背景图像。
渲染过程中的延迟主要为 JavaScript 或字体加载提供足够的时间。
解释:
- HTML 结构:代码采用标准 HTML5 格式,包含
<head>和<body>代码段。 - 元数据:
<meta>标签用于定义响应式设计所需的字符集和视口。
样式表:
- 默认正文样式:设置适用于所有媒体的字体家族和边距。
- 屏幕媒体查询:针对数字屏幕应用浅灰色背景和深色文字。
- PRINT媒体查询:应用白色背景和黑色文字,这是打印时的典型样式。
使用示例:给定的 HTML 和 CSS 结构有助于演示如何根据内容是在屏幕上查看还是 PRINT,来应用不同的样式。




