有很多方法:

使用毫米:

html, body {
    width:  210mm;
    height: 297mm;
}

使用公分cm:

html, body {
    width:  21.0cm;
    height: 29.7cm;
}

使用点pt:

html, body {
    width:  595pt;
    height: 842pt;
}

我使用HTML生成报告，在真实的纸张上正确地打印出真实大小。

如果你小心地使用mm作为CSS文件中的单位，你应该是OK的，至少对于单页。不过，人们可以通过改变浏览器中的打印缩放来搞砸你。

我似乎记得我所做的每一件事都是单页的，所以我不必担心分页——那可能要困难得多。

我从1998年开始在商业报告中使用680px打印A4页。700px不能正确地拟合取决于边缘的大小。现代浏览器可以缩小页面以适应打印机上的页面，但如果您使用680像素，几乎在任何浏览器中都可以正确打印。

运行代码片段并查看结果:

window.print (); <table width=680 border=1 cellpadding=20 cellspacing=0> < tr > < th > # < / th > < th >名称< / th > < / tr > < tr对齐=中心> < td > 1 < / td > < td >唐纳德·特朗普< / td > < / tr > 2 < tr对齐=中心> < td > < / td > < td >巴拉克•奥巴马(BARACK OBAMA) < / td > < / tr > 表> < /

JSFiddle:

https://jsfiddle.net/ajofmm7r/

<link rel="stylesheet" href="/css/style.css" type="text/css">
<link rel="stylesheet" href="/css/print.css" type="text/css" media="print">

在你的normal style.css中:

table.tableclassname {
  width: 400px;
}

在你的print.css中:

table.tableclassname {
  width: 16 cm;
}

PPI and DPI make absolutely no difference to how a document will print off a browser. the printer takes no information on screen dot pitch or the DPI of the images etc. if you are printing images they would print at a size similar in proportion to how they are displayed on screen. the print processor of the browser would increase the DPI of the images from something rather low like 72dpi to whatever DPI the rest of the document is. say the image displays as half a page wide, then its about 4" wide physically. the pixel width of the image would be approx 300px to display correctly in the browser. by the time it prints at a nominal 300DPI, the processor has added pixels and the image will grow to around 1200px which at 300 DPI is 4".

当涉及到矢量或非基于像素的元素，如文本，打印机从驱动程序中选择自己的DPI，这与屏幕点间距或浏览器宽度无关。如果浏览器宽度为3000px，打印处理器将适当地换行文本。

heres what makes it hard about creating print displays: each browser and printer will interpret text sizes (pt, em, px) and spacing in its own way. depending on what printer, browser and maybe even OS you use, you will get a different amount of lines and characters per page. so even if you test on your computer using your browser and printer and figure out that you can display the text in a box at 640x900px and its perfect on print, the next guy who tries to print will possibly get it printing differently. there really is no way to force each printer and browser to get it identical each time.

忘记像素，更忘记DPI，你唯一可以使用像素的事情是设置一个表宽度，模拟打印机上可打印区域的宽度。在这种情况下，我发现640px宽是接近的。

很久以前，在2005年11月，AlistApart.com发表了一篇文章，讲述他们如何只用HTML和CSS就出版了一本书。参见:http://alistapart.com/article/boom

以下是那篇文章的节选:

CSS2有一个分页媒体(如纸张)的概念，而不是连续媒体(如滚动条)。样式表可以设置页面大小和页边距。页面模板可以指定名称，元素可以声明它们希望在哪个命名的页面上打印。此外，源文档中的元素可以强制换页。下面是我们使用的样式表的一个片段:

@page {
    size: 7in 9.25in;
    margin: 27mm 16mm 27mm 16mm;
}

由于是一家美国出版商，我们的页面大小以英寸为单位。我们，作为欧洲人，继续使用公制测量。CSS两者都接受。

设置好页面大小和页边距后，我们需要确保在正确的位置有换页符。下面的摘录显示了如何在章节和附录之后生成分页符:

div.chapter, div.appendix {
    page-break-after: always;
}

此外，我们使用CSS2来声明命名页面:

div.titlepage {
    page: blank;
}

也就是说，扉页要印在标有“空白”的页上。CSS2描述了命名页面的概念，但只有当页眉和页脚可用时，它们的价值才会显现出来。

无论如何……

既然你想打印A4，你当然需要不同的尺寸:

@page {
    size: 21cm 29.7cm;
    margin: 30mm 45mm 30mm 45mm;
     /* change the margins as you want them to be. */
}

这篇文章深入探讨了设置换页等问题，所以你可能想要完整地阅读它。

在您的例子中，诀窍是首先创建打印CSS。大多数现代浏览器(>2005)支持缩放，并且已经能够显示基于打印CSS的网站。

Now, you'll want to make the web display look a bit different and adapt the whole design to fit most browsers too (including the old, pre 2005 ones). For that, you'll have to create a web CSS file or override some parts of your print CSS. When creating CSS for web display, remember that a browser can have ANY size (think: “mobile” up to “big-screen TVs”). Meaning: for the web CSS your page-width and image-width is best set using a variable width (%) to support as many display devices and web-browsing clients as possible.

编辑(26-02-2015)

今天，我碰巧在SmashingMagazine上看到了另一篇最近的文章，这篇文章也探讨了如何使用HTML和CSS进行打印设计……

编辑(30-10-2018)

这引起了我的注意，因为它的大小不是有效的CSS3，这确实是正确的-我只是重复了文章中引用的代码，(如上所述)是旧的CSS2(当您查看文章和这个答案首次发表的年份时，这是有意义的)。不管怎样，这里是有效的CSS3代码，方便您的复制和粘贴:

@media print {
    body{
        width: 21cm;
        height: 29.7cm;
        margin: 30mm 45mm 30mm 45mm; 
        /* change the margins as you want them to be. */
   } 
}

如果你认为你真的需要像素(你应该避免使用像素)，你必须注意选择正确的打印DPI:

72 dpi (web) = 595 X 842像素 300 dpi(打印)= 2480 X 3508像素 600 dpi(高质量打印)= 4960 X 7016像素

但是，我会避免这种麻烦，简单地使用cm(厘米)或mm(毫米)来确定大小，因为这样可以避免根据您使用的客户机而产生的渲染故障。