javascript - 缩放 html 以根据屏幕分辨率按比例调整大小

Question

我有一个用 html 创建的单页游戏。

我将 flash 游戏转换为 html(简单的 html 标签，而不是 Canvas )。可以看到flash游戏链接here

我需要让布局始终适合一个屏幕。如果您调整 Flash 版本的大小，您就会明白我的意思。目前你可以查看我的代码 here .

我尝试使用 css 缩放属性来做到这一点，但这对于分辨率的每个像素都是无休止的工作。

知道实现横向/高度按比例缩放的最佳方法是什么吗？

谢谢。

Answer 1

把它放在 <div style="width: 100%;height:100%;"> code you want to embed here </div> 中

回答您的后续问题:

<div style="width: 100%;height:100%;">
  <div style="width: 30%;height:30%;">
 something else to resize
  <div>
</div>

这样一来，100% 的 div 中的所有内容都将占屏幕的 100%，而 30% 的 div 中则占屏幕大小的 30%。