大小

**size** CSS at-rule 描述符,与 @page at-rule 一起使用,定义用于表示页面的框的大小和方向。大多数情况下,此大小对应于打印页面的目标大小(如果适用)。

Size 可以通过“可缩放”关键字(在这种情况下,页面将填满可用尺寸)或绝对尺寸来定义。

语法

css
/* Keyword values for scalable size */
size: auto;
size: portrait;
size: landscape;

/* <length> values */
/* 1 value: height = width */
size: 6in;

/* 2 values: width then height */
size: 4in 6in;

/* Keyword values for absolute size */
size: A4;
size: B5;
size: JIS-B4;
size: letter;

/* Mixing size and orientation */
size: A4 portrait;

auto

用户代理决定页面的大小。在大多数情况下,使用目标纸张的尺寸和方向。

landscape

页面内容以横向模式显示(即框的最长边是水平的)。

portrait

页面内容以纵向模式显示(即框的最长边是垂直的)。这是默认方向。

<长度>

任何长度值(见 <length>)。第一个值对应于页面框的宽度,第二个值对应于页面框的高度。如果只提供一个值,则该值同时用于宽度和高度。

<页面大小>

可以是以下任何值的关键字

A5

这与标准 ISO 尺寸匹配:148mm x 210mm。

A4

这与标准 ISO 尺寸匹配:210mm x 297mm。(个人打印最常用的尺寸)

A3

这与标准 ISO 尺寸匹配:297mm x 420mm。

B5

这与标准 ISO 尺寸匹配:176mm x 250mm。

B4

这与标准 ISO 尺寸匹配:250mm x 353mm。

JIS-B5

这对应于 JIS 标准尺寸:182mm x 257mm。

JIS-B4

这对应于 JIS 标准尺寸:257mm x 364mm。

letter

此关键字等效于北美信纸的尺寸,即 8.5in x 11in。

此关键字等效于北美法律文件的尺寸,即 8.5in x 14in。

ledger

此关键字等效于北美帐页的尺寸,即 11in x 17in。

正式定义

相关 at-rule@page
初始值auto
计算值如指定,但将相对长度转换为绝对长度

正式语法

size = 
<length [0,∞]>{1,2} |
auto |
[ <page-size> || [ portrait | landscape ] ]

示例

指定大小和方向

css
@page {
  size: A4 landscape;
}

指定自定义大小

css
@page {
  size: 4in 6in;
}

在 @media 规则内嵌套

css
@media print {
  @page {
    size: 50mm 150mm;
  }
}

规范

规范
CSS 分页媒体模块第 3 级
# page-size-prop

浏览器兼容性

BCD 表格仅在浏览器中加载