将定义数量的等距瓷砖适合任何屏幕分辨率

Question

我想在画布中显示等距网格，同时每行/每列都有一定数量的图块。

目前，我将一个正交网格绘制成一个旋转的（45°）和缩放（高度/ 2）画布，通向一个等距网格。

演示here

首先，我想绘制一个适合整个屏幕并移动它的大网格，以便得到这个：

但我对如何始终为每个屏幕分辨率获得相同数量的图块和相同的起始索引一无所知。玩家应该总是看到14 * 20个牌。