当显示一个单元格的简单表时，该表显示的大小大约是它的两倍

Question

浏览器：Chrome（以100％显示） 桌面显示器：4K

当显示一个包含一个单元格的简单表时，该表显示的大小约为应有大小的两倍。就像您放大了200％。

我有一台4K桌面显示器，该表应显示3840px的全宽和2560px的高度。但是表格显示的是该大小的两倍。

如何显示此表格，使其正确显示在屏幕上（3840 x 2560）？

body {
  margin: 0;
}

table {
  border: 10px solid black;
  width: 3840px;
  height: 2560px;
}

<table>
  <tr>
    <td>
    </td>
  </tr>
</table>

Answer 1

请尝试以下操作：

table {
    width: 100%;
    height: auto; //or 100%;
}

Answer 2

正如Blackbar所说，最好使用百分比宽度和高度或vh和vw：

table {
    width: 100vw:
    height: 100vh;
}

这是因为CSS中的1px不一定是屏幕上的1px。来自this site：

  

随着更高密度屏幕的出现，我们看到每个CSS像素具有2个设备像素的设备（例如Apple Retina）以及具有小数像素比率的显示器。

     

例如，在300dppi（每英寸设备像素）屏幕上，设备像素与CSS像素的比率为300/96 = 3.125