“整页”小程序的 HTML 代码（无 javascript）？答案

【问题标题】：Html code for a "full-page" applet (no javascript)?“整页”小程序的 HTML 代码（无 javascript）？
【发布时间】：2012-04-16 15:55:58
【问题描述】：

大家下午好，

我有一个希望嵌入网站的 Java 小程序。我要求小程序全尺寸，即占据网页的 100% 宽度和 100% 高度。

应该没有滚动条。

这是我目前拥有的代码：

<!doctype html>
<html>
  <body style="background:red; width:100%; height:100%; padding:0; margin:0; border:0;">
    <applet code="HelloWorld.class" style="padding:0; margin:0; border:0; width:100%; height:100%;">
        Your browser does not support the <code>applet</code> tag.
    </applet> 
    <!-- the applet should cover the entire page, so even though the body is red, it should be covered by the applet -->
  </body>
</html>

由于某种原因，它不适用于 FireFox 和 IE。在 Chrome 中，小程序看起来比页面本身高，因此会显示一个垂直滚动条。我们如何让小程序完全填充网页的大小，既不显示任何水平滚动条也不显示任何垂直滚动条？

PS：如果可能，在禁用 JavaScript 的浏览器上运行的解决方案会很酷。

【问题讨论】：

标签： java html css applet

【解决方案1】：

使用绝对位置。不要指定高度或宽度。

applet {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

【讨论】：

但重点是我希望小程序是全宽和全高..
@pacerier - 这就是您指定底部和右侧的原因。它可以按照您想要的方式工作。

【解决方案2】：

另一种方式……

applet {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

【讨论】：

您可能想在大量浏览器上进行测试。上次我检查它时，有很多 mixed results 用于使用百分比值调整小程序的大小。使用 JS （部署和）调整小程序更安全，这种类型的东西是 JS 擅长的。