我有一个用html创建的单页游戏。
我将flash游戏转换为html（简单的html标签，而不是canvas）。您可以看到Flash游戏链接here
我需要让布局始终适合一个屏幕。如果您调整Flash版本的大小，您将看到我的意思。目前，您可以查看我的代码here。
我尝试用css zoom属性来做这件事，但这对于每个分辨率像素来说都是无穷无尽的。
任何想法在横向/纵向上实现比例缩放的最佳方法是什么？
感谢。
答案 0 :(得分：0)
将其放入<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％的大小。
答案 1 :(得分：0)
您要做的是称为响应式网页设计（您可以google）
基本上你做的是做媒体查询并根据屏幕尺寸改变css
示例：
@media (max-width: 625px) {
your code here
}
这样做只有在屏幕小于625px
时才执行css