@page.size
这是一种实验技术
由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。
与at规则一起使用的size
CSS规则描述符@page
定义了用于表示页面的框的大小和方向。大多数情况下,这个尺寸对应于打印页面的目标尺寸(如果适用的话)。
大小可以用“可缩放”关键字来定义(在这种情况下,页面将填充可用的尺寸)或绝对尺寸。
在数据库中找不到值!
语法
/* 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>
任何长度值(请参阅<length>
)。第一个值对应于页面框的宽度,第二个对应于其高度。如果只提供一个值,则用于宽度和高度。
<page-size>
A5符合标准,ISO尺寸:148mm x 210mm.
A4符合标准,ISO尺寸:210mm x 297mm。(用于个人打印的最常用的尺寸)
A3这与匹配标准,ISO尺寸:297mm x 420mm.
B5这符合标准,ISO尺寸:176mm x 250mm.
B4This符合标准,ISO尺寸:250mm x 353mm
.JIS-B5相应到JIS标准尺寸:182mm x 257mm.
JIS-B4这对应于JIS标准尺寸:257mm x 364mm.
letter 关键字相当于北美信纸的尺寸,即8.5in x 11in
.legal 这个关键字相当于在北美的法律文件的尺寸,即8.5in x 14in
.ledger这个关键字相当于在北美的分类帐页的尺寸,即11in x 17in。
实例
@page {
size: 4in 6in landscape;
}
规范
Specification | Status | Comment |
---|---|---|
CSS Paged Media Module Level 3The definition of 'size' in that specification. | Working Draft | Initial definition |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | ? |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | ? |
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com