@media print{@page {size: }} 设置纸张尺寸
时间: 2023-08-09 16:06:31 浏览: 310
@media print{@page {size: }} 是一个用于设置打印页面的纸张尺寸的CSS代码。在 size 属性中,你需要指定纸张的尺寸,例如 A4、Letter、Legal 等等。例如,如果你想在打印时将页面设置为 A4 纸张,可以使用以下代码:
@media print {
@page {
size: A4;
}
}
这将确保打印出来的页面尺寸符合 A4 纸张的标准。如果你想使用其他纸张尺寸,只需要将 size 属性的值更改为相应的尺寸名称即可。
相关问题
print-js 图片打印设置纸张尺寸
在使用 print-js 进行图片打印时,可以通过设置打印样式来指定纸张尺寸。具体步骤如下:
1. 在 HTML 中添加打印样式,例如:
```css
@media print {
@page {
size: A4;
}
}
```
这里设置纸张尺寸为 A4,可以根据需要自行选择其他纸张尺寸。
2. 在 JavaScript 中调用 printJS 函数时,指定打印样式:
```javascript
printJS({
printable: 'path/to/image.jpg',
type: 'image',
css: 'path/to/print.css'
})
```
这里通过 `css` 属性指定了打印样式的路径,打印时会自动应用该样式。需要注意的是,打印样式必须与 HTML 在同一域名下,否则会受到浏览器的安全限制。
那在极速模式下有没有类例@page的其他方法可以设置打印纸张类型?
在360极速浏览器的极速模式下,可以使用CSS3的新特性`@media print`和`@supports`来实现类似@page规则的效果。具体实现方式如下:
```css
@media print {
@supports (size: A4) {
/* 如果浏览器支持size属性,则设置纸张类型和方向 */
@page {
size: A4 landscape;
margin: 0;
}
}
}
```
这段代码首先使用`@media print`来指定打印样式,然后使用`@supports`来检测浏览器是否支持`size`属性。如果浏览器支持,则在`@page`规则中设置纸张类型和方向。这样可以保证在支持`size`属性的浏览器中,打印样式和@page规则的效果相同。如果浏览器不支持`size`属性,则直接忽略`@page`规则,使用浏览器默认的打印样式。
需要注意的是,这种方法仍然需要进行兼容性测试,因为不同浏览器对`@supports`的支持程度可能不同。