2011-01-12 60 views
0

我需要为我的网站提供一个简介(我的老师的要求)。我创建了介绍并将其嵌入到我的页面中。我在Chrome和Chromium中占用了整个屏幕。在IE8中,Firefox和Opera的大小不正确。我究竟做错了什么?HTML5 Flash 100%IE8和Firefox

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Refresh" content="3; url=template.htm"> 
     <meta charset="UTF-8"> 
     <title>Com Tech Projects | Jason Cook</title> 
    </head> 
    <body style="background: black;"> 
     <embed style="height: 100%; width: 100%;" src="Flash/Introv6.swf"/> 
    </body> 
</html> 
+0

“我做错了什么?” - 您正在使用Flash。 :P – Alerty 2011-01-12 04:27:18

+0

我知道。她似乎确信Flash是必备技能。她似乎并不了解新的HTML5功能。其余的人在Dreamweaver和Fireworks中做了他们的网站。我的网站可能是唯一标准赞扬的网站。 – Jason 2011-01-12 10:18:19

回答

3

尝试使用

<style> 
html,body{height:100%;padding:0px;margin:0px;background-color:black;} 
</style> 

代替。

2

在HTML5文档类型中,父元素还必须为子元素定义使用%值的%值。所以在你的身体标签的CSS:

 
body { 
    height: 100%; 
    width: 100%; 
} 

然后它应该工作。

+0

...有人会奇怪为什么%尺寸存在... – 2011-01-12 01:11:47

+0

我将我的身体标记更改为“”,并且在Firefox和Opera中仍然存在相同的问题。 – Jason 2011-01-12 02:14:59

0

如果你想要它在全屏,写:

<video style="position: absolute; height: 100%; width: 100%;"> 
    <embed style="position: absolute; height: 100%; width: 100%;" src="Flash/Introv6.swf"/> 
</video> 

如果不工作,考虑使用<object>标签,而不是<embed>的。