我使用 CSS3、HTML5 和 Javascript 创建了一个 3d 场景(迷宫)。我想根据屏幕尺寸自动调整风景的大小，以适应不同尺寸的屏幕。 最好的方法是什么？有没有办法自动调整风景/屏幕的大小？
如果没有自动方式，那么我有这个问题: “在镜头前”有一个尺寸为 WxH 的 DIV，我使用 translate3d(X,Y,Z) 将其定位，透视图为 P。 如何计算此 DIV 在屏幕上的实际大小(以像素为单位)？
顺便说一句 - 我正在使用 Chrome
最佳答案
#1 - 如果你想缩放它，使用 scale3d 来放大或缩小整个东西。测量屏幕尺寸并按您需要的任何比例缩放您的 div(例如，如果您有一个 800x800 的 div 而屏幕为 1600x1200，则缩放 2 倍)
#2 - getBoundingClientRect()
关于javascript - 3D CSS3 风景的自动大小 - 计算 3D DIV 的像素大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12899528/