Javascript a4纸大小的刻度盘和桌子

它需要用A4大小的div来缩放（适应）这张桌子 用于使用jsPDF转换为pdf。可以使用javascript或css

如下图所示（页面中有）

代码

正文{
背景：rgb（204204）；
}
div[size=“A4”]{
背景：白色；
宽度：21cm；
身高：29.7厘米；
显示：块；
保证金：0自动；
边缘底部：0.5cm；
盒影：0.5cm rgba（0,0,0,0.5）；
}
@媒体印刷品{
阀体，div[size=“A4”]{
保证金：0；
盒影：0；
}
}

测试页



表格数据
表格数据
tabledatatabledata
tabledatatabledata
tabledatatabledatatabledata
表格数据
tabledatatabledata
tabledatatabledata

您可以通过css设置div大小，使其适合A4大小的纸张css：

body {
margin: 0;
padding: 0;
background-color: #FAFAFA;
font: 12pt "Tahoma";
}
*{
   box-sizing: border-box;
  -moz-box-sizing: border-box;

.page {
width: 21cm;
min-height: 29.7cm;
padding: 2cm;
margin: 1cm auto;
border: 1px #D3D3D3 solid;
border-radius: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.subpage {
padding: 1cm;
border: 5px red solid;
height: 237mm;
outline: 2cm #FFEAEA solid;
}

@page {
size: A4;
margin: 0;
}
@media print {
.page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
    }
   }

HTML:

第1页，共2页
第2页，共2页

---

演示：

您可以定义单元格大小的

长度，并使用
Jquery
为表格获得正确的
字体大小


var width=$（.A4”）.width（）/$（.td”）.length；//一个单元格的宽度
var-fontSize=12；
$（“td”）。每个功能（即，e）{
$（this.css（{width:width，fontSize:fontSize}）
})
正文{
背景：rgb（204204）；
}
div[size=“A4”]{
背景：白色；
宽度：21cm；
身高：29.7厘米；
显示：块；
保证金：0自动；
边缘底部：0.5cm；
盒影：0.5cm rgba（0,0,0,0.5）；
}
@媒体印刷品{
阀体，div[size=“A4”]{
保证金：0；
盒影：0；
}
}


测试页



表格数据
表格数据
tabledatatabledata
tabledatatabledata
tabledatatabledatatabledata
表格数据
tabledatatabledata
tabledatatabledata
它还是一样的，我希望像我在这个程序中更新的第二个图像一样，它仍然没有缩小，感谢您的回答，这不是一个固定的列，我希望它动态缩放表或容器中的div fit。您可以选择表的大小及其位置。不仅是固定的
 <div class="book">
   <div class="page">
      <div class="subpage">Page 1/2</div>    
   </div>
   <div class="page">
       <div class="subpage">Page 2/2</div>    
   </div>
  </div>