我使用巨大的图像作为我的div的背景。此图像只需显示一次，容器允许的最大尺寸，同时保持纵横比。图像可以具有任何宽高比。容器的大小可以调整大小，也可以有任何宽高比。我设法用
实现了这一目标background-size:contain;
background-repeat:no-repeat;
background-position: center center;
width:100%;
height:100%;
background-image: url("path/to/img");
＆＃34;在＆＃34;那个图像我需要一个8x8的表格布局，它与背景图像一起变得越来越小。
在我的jsfiddle示例中，您拥有正确工作的图像（尝试调整输出窗口的大小），但我不知道如何使我的表始终直接缩放到该图像（想法是字段A1将始终标记完全相同的点在特定图像上，无论大小，图像宽高比，容器纵横比，......）
https://jsfiddle.net/15uovq7L/4/
如果此问题没有CSS / HTML选项，则适用jQuery / JavaScript解决方案。
答案 0 :(得分：1)