html - 通过css设置打印机纸张大小

标签 html css google-chrome media-queries printing-web-page

我的打印机默认尺寸是 A4,我需要使用旧点阵打印机打印尺寸为 8.5inx5.5in 的工资单。 我尝试将每个工资单 DIV 设置为固定高度,

width: 175.6mm;
height:123.7mm;
margin-left:auto;
margin-right:auto;

虽然它非常适合工资单尺寸,但打印后,纸张会一直滚动直到它结束,因为工资单纸是拼接的,不像 A4。 而且我不想对打印机纸张尺寸做任何更改,所以我设置:

@media print 
{
   @page
   {
    size: 8.5in 5.5in;
    size: portrait;
  }
}

但 Google Chrome 的打印预览仍然显示:

enter image description here

实际上可以这样做吗?或者有没有办法在工资单打印后强制打印机停止打印以防止它继续滚动纸张?(我认为应该不可能)

附言我只使用谷歌浏览器。

**更新:

我注意到在我选择“另存为 PDF”后纸张尺寸会改变,如果我选择回我的默认打印机,纸张尺寸又不正确。

最佳答案

也许这行得通。

@media print 
{
   @page
   {
    size: 8.5in 5.5in;
    size: landscape;
  }
}

@media print 
{
   @page
   {
    size: 5.5in 8.5in ;
    size: landscape;
  }
}

关于html - 通过css设置打印机纸张大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19892484/

相关文章:

html - 谷歌浏览器切断长页面的底部

javascript - 如何在网站上制作 "Scroll further down"按钮?

css - Sublime Text 使用 Shift 创建具有相同类的多个 div

javascript - 我想使用 css 自定义此文件类型输入

php - html,css,从 gif 文件执行 javascript

google-chrome - WebUSB API 找不到兼容设备

android - 当跨度数量增加时,应用程序会变慢

android从html文本创建pdf文件

html - 如何使 iFrame 中的 HTML 页面内容以 100% 全宽显示?

google-chrome - 禁用Chrome 66的自动完成功能