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

时间:2016-04-21 15:18:15

标签: javascript

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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

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