我正在4：3'视口'中创建一个HTML5游戏，其中元素绝对定位（因为我想使用'世界坐标'）。
我希望能够使用单一布局开发不同的设备，而不是为不同的设备设置不同的布局。我想要一个4：3的容器元素，以黑色背景为中心。
在大屏幕（桌面，桌面）上，我希望它达到最大物理尺寸（例如20厘米×15厘米）。在移动屏幕上，我希望它可以放大到适合任何方向都没有溢出（这会鼓励人们翻转到风景）。
这可能吗？我一直在搞乱视口标签，但无处可去。
答案 0 :(得分：0)
绝对定位的项目基于页面的已知（左）角的X，Y定位。因此，如果您处于页面大小可能发生变化的情况下，您按比例重新定位这些项目的选项可能会涉及大量的javascript。您必须评估该页面大小，确定您的绝对定位元素的边距和填充比例，然后根据需要重新定位它们。
没有看到代码或屏幕截图，无法确切知道您正在尝试做什么。问自己的大问题是为什么？你真的需要绝对定位，还是仅仅是一种避免相对位置和盒子模型错综复杂的方法？我个人的经验法则是，如果物品必须漂浮在另一个容器上或与另一个容器相交，那么它只能绝对定位，并且大多数情况甚至可以替代。响应式设计已经过了很长时间，而且使用javascript，css和媒体查询的混合可能会实现您的目标。
答案 1 :(得分：0)
我在文章Case Study: Auto-Resizing HTML5 Games
中找到了我要找的内容 and here's what I made, based on that: