将所有元素保持在同一个地方

Question

我很想知道，因为我正在通过多种屏幕尺寸进行编码并制作一款需要event.pageX的游戏，而较小的屏幕尺寸意味着要将所有内容压缩，以及更大的屏幕尺寸将所有内容推向外部。有没有办法让所有东西都放在一个地方，所以如果你改变屏幕尺寸它仍然是相同的？

Answer 1

很少有css技巧可以帮助您解决问题：

• 您可以定义主体宽度和高度，以防止在调整大小时更改窗口，例如：

  body {   宽度：800px   身高：800px }

• 避免在元素位置防御中使用百分比

• Css position : absolute可以使您的元素独立于其他元素。如果您需要，position : fixed允许您忽略用户滚动。 (more info)

小jsfiddle与一些例子： https://jsfiddle.net/qc3p2d5h/2/