html - HTML 和 CSS 中的全屏代码

标签 html css

我有一个问题,如何让内容全屏,有我的内容代码:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">              
   <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>main</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="screen">
    html, body { height:100%; background-color: #000000;}
    body { margin:0; padding:0; overflow:hidden; }
    #flashContent { width:100%; height:100%; }
    </style>
</head>
<body>
    <div id="flashContent">

        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="600" id="main" align="middle">
            <param name="movie" value="main.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#000000" />
            <param name="play" value="true" />
            <param name="loop" value="true" />
            <param name="wmode" value="window" />
            <param name="scale" value="showall" />
            <param name="menu" value="true" />
            <param name="devicefont" value="false" />
            <param name="salign" value="" />
            <param name="allowScriptAccess" value="sameDomain" />
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="main.swf" width="800" height="600">
                <param name="movie" value="main.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#000000" />
                <param name="play" value="true" />
                <param name="loop" value="true" />
                <param name="wmode" value="window" />
                <param name="scale" value="showall" />
                <param name="menu" value="true" />
                <param name="devicefont" value="false" />
                <param name="salign" value="" />
                <param name="allowScriptAccess" value="sameDomain" />
            <!--<![endif]-->
                <a href="http://www.adobe.com/go/getflash">
                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                </a>
            <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
        </object>
    </div>
</body>

网页中的当前内容位于左下角,不是全尺寸,我知道如何使它居中但我不知道如何使它成为全屏显示,请指教,谢谢。

最佳答案

您正在为对象本身指定宽度和高度。删除 widthheight 属性,或将其更改为百分比。

<object style="width: 100%; height: 100%;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="main">

关于html - HTML 和 CSS 中的全屏代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26406990/

相关文章:

javascript - 我无法通过添加按钮添加多个文本并显示一些额外的 CSS

java - 如何在 JSoup java 中只显示 html 标签?

javascript - 如何绘制椭圆的一部分? (0-100%)

html - 如何使下表单元格的内容可滚动?

javascript - 使用 Ajax 加载 HTML 与使用 Ajax 仅加载数据并使用 Javascript 构建 html

html - 让 <li> 和 <img> 元素在调整大小时遵守纵横比

javascript - 使用 z-index 堆叠 XHTML 元素

javascript - Z-index 不工作嵌套绝对 div

html - 如何修复小屏幕链接标签的换行

css - SASS/CSS : Media Queries prone to breaking