在浏览器中，如何在预打印纸上打印并具有布局精度？

Question

我有一个AngularJS应用程序，需要在一些官方＆＃39;上打印数据。预印纸。

我有一个由我的应用程序生成的表单/报告。我想为用户提供直观的工具，并准确调整“元素”。因此，他们可以准确地在预先打印的纸张上打印，而不需要额外的＆＃39;额外的＆＃39; HTML / CSS。 （所以没有边框，没有颜色，......只有数据）。

用户更改需要保留并在将来重复使用。

更新 所以，通过Visually，我的意思是一个设计师＆＃39;用户可以拖动数据限制＆＃39;元素如＆＃34;名字＆＃34;，＆＃34;姓氏＆＃34;等等，电子白皮书。

Answer 1

在媒体查询中使用CSS单位作为cm, mm, in, pt, pc进行打印，以便设置与纸质模板匹配的尺寸。

@media print { 
 /* All your print styles go here use unit as cm here */
 #header, #footer, #nav { display: none !important; } 
}

关于页面/元素行为，您可以使用JavaScript和HTML5。 这里有tutorial/info。