CSS/HTML全屏网站
CSS/HTML全屏网站是指利用CSS和HTML技术实现的能够占据整个屏幕空间的网站。它通过设置元素的宽度、高度、边距和填充等属性，使网站内容充满整个屏幕，无论用户使用何种设备访问网站，都能够获得一致的视觉体验。
优势：
- 提供更好的用户体验：全屏网站能够充分利用屏幕空间，使内容更加突出，用户可以更直观地浏览和交互。
- 响应式设计：全屏网站可以根据用户的设备和屏幕尺寸自动调整布局和样式，适应不同的终端，提供更好的跨平台体验。
- 提升品牌形象：全屏网站通常具有独特的设计和创意，能够吸引用户的注意力，提升品牌形象和用户对网站的印象。
- 提高页面加载速度：全屏网站通常采用单页应用（Single Page Application）的方式构建，减少了页面切换的开销，提高了页面加载速度和用户体验。
应用场景：
- 创意展示网站：全屏网站适用于展示创意、设计、摄影等领域的作品，通过全屏的视觉效果能够更好地展示作品的细节和特色。
- 公司官网：全屏网站能够提升公司形象，吸引用户的关注，展示公司的产品、服务和文化。
- 个人简历网站：全屏网站可以用于展示个人的技能、作品和经历，给潜在雇主或客户留下深刻的印象。
- 产品展示网站：全屏网站适用于展示产品的特点、功能和优势，通过全屏的视觉效果吸引用户的注意力。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云静态网站托管：提供了简单易用的静态网站托管服务，支持HTML、CSS、JavaScript等静态文件的托管和部署。详情请参考：https://cloud.tencent.com/product/scf
- 腾讯云内容分发网络（CDN）：通过将网站内容缓存到全球分布的节点上，加速网站的访问速度，提供更好的用户体验。详情请参考：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供弹性、可靠的云服务器实例，支持自定义配置和管理，满足全屏网站的托管需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，用于存储和管理全屏网站的静态资源文件。详情请参考：https://cloud.tencent.com/product/cos
相关·内容
4回答
嗨，我在一个网站上使用HTML CSS，JavaScript和jQuery工作。我想在加载时全屏显示网站(就像我们点击F11一样)。我可以使用onclick even进入全屏。但对于onload事件，全屏脚本不起作用。当我加载一个网站时，它应该以全屏显示。请帮帮忙。这是我的代码:这是我的HTML代码：
<html id="player3">
<body onload="goFullscreen('player');">
</body>
</html>
这是我的js
function goF
浏览 0提问于2016-06-03得票数 5
我已经为我的HTML5视频制作了自定义控件，但我不知道如何在全屏时仍然应用该CSS。
这是我的控件所基于的。
在这个网站上，你会注意到，当你点击全屏按钮时，自定义控件会丢失，视频会恢复为默认的<video>控件。
有没有人知道如何让这些自定义控件样式/CSS仍然适用，当你进入全屏？
浏览 0提问于2012-04-12得票数 12
回答已采纳
5回答
我正在寻找一个技巧，把我的网站在全屏模式，没有人的互动。
我发现了一些使用HTML5 5技术的例子，但是所有这些都需要通过人与人之间的交互来触发。
这个网站将显示在电视上..。
我已经在使用全屏模式下的SWF文件加载网站，但我不想使用这个方向，而是只使用默认模式(html、css和javascript)来强调所有的可能性。
浏览 19提问于2015-03-26得票数 22
回答已采纳
1回答
引导将白体放置在背景图像的顶部
、、、、
我已经创建了一个使用css的全屏背景图像网站，但是当我尝试并链接引导时，它会创建一个覆盖整个页面的白色全屏容器。当我进入引导CSS并对整个事件进行注释时，白色容器仍然存在。摆脱它的唯一方法是从我的头标签中删除引导链接。下面是HTML，然后是CSS。
<html lang="en">
<head>
<link href="css/bootstrap.css" rel="stylesheet"/>
<link href="local.css" rel="styleshe
浏览 2提问于2016-12-02得票数 1
回答已采纳
2回答
我刚接触到html/css，所以让我们谈谈重点。
我想创建一个全屏(宽度和高度)的网站，即使你调整浏览器的大小，或者当你使用智能手机/平板电脑打开网站时。我有2div(让我们只说它“顶部”和“底部”)，我只想要“顶部”的全屏幕宽度和高度。
<html>
<head></head
<body>
<div class="top">
<div>content 1</div>
<div>content 2</div>
<div>content 3&
浏览 2提问于2015-10-14得票数 0
回答已采纳
1回答
显示视频onLoad
、、、、
我想要的是有一个视频在全屏播放一次，然后消失留下网页留下。这可以使用Javascript，HTML和CSS吗？
有问题的视频被称为网站Opening.mp4
浏览 6提问于2013-06-12得票数 2
2回答
因此，我学习了设置自动填充浏览器的背景图像的不同方法。有没有一种方法只使用html和css来设置全屏背景图片，然后在下面设置另一个全屏背景图片，这样当我最初启动网站时，你会看到第一张图片，当你向下滚动时，第二张图片会出现？
浏览 0提问于2013-07-07得票数 1
2回答
在网站中嵌入网站
、、
我已经创建了一个网站，并将在Chrome中运行，全屏，在触摸屏上显示。在这个网站内，我想有一个嵌入式网站，以便用户可以在该产品的网站上查找更多的信息，而不是离开我的网站。有没有办法使用HTML、CSS或JavaScript将网站嵌入到网站中？
我不想使用像Bitty这样的第三方应用程序。
浏览 1提问于2013-04-11得票数 0
2回答
我需要转换一个设计到HTML CSS和网站使用的最新时尚视差效应。我做了研究，并偶然发现了十几个插件来实现这一点。
该网站有以下特点
全屏图像
选项卡
SLide秀
地图
表单
您建议的插件和任何起点，我开始？
浏览 2提问于2013-05-25得票数 0
回答已采纳
我在这个网站上工作，但我不知道如何解决这个问题。如果你使用全屏浏览器窗口，你会完美地看到它(任何主要浏览器)，但如果窗口较小，它会显示水平滚动条加剪切网站右侧约50px。我不能改变设计来使它更容易做。
这是链接，你可以看到html和css
浏览 1提问于2013-01-31得票数 1
1回答
我用纯html/css制作了一些网站。
当浏览器是全屏时，我定义了溢出-y:滚动到某个元素。
但是当屏幕的宽度小于400 to时，我想禁用它。(比如，溢出-y:没有。)但是溢出-y没有)
有什么解决办法吗？
浏览 1提问于2018-07-14得票数 0
回答已采纳
2回答
覆盖HTML CSS元素
、、、、
我最近在我的网站上添加了一个Photoswipe画廊，它应用了以下CSS：
html {overflow-y:scroll;overflow-x:auto;}
现在的问题是全屏幕画廊滚动，因为这个溢出，但它应该适合它显示的屏幕，没有滚动。我不想使用jQuery删除它，因为我在这个页面上使用jQuery时遇到了问题。
我试过了：
<style type="text/css">
html {}
</style>
不走运。我还能做些什么来删除它？
浏览 1提问于2012-07-26得票数 1
回答已采纳
1回答
在msdn文档中，它说在HTML/CSS/JS Metro应用程序中，可以将iFrame添加到页面，并且可以从“web context”加载网站内容。
我更喜欢在C#/XAML中为这个Metro应用程序工作，我只是想让它封装一个网站。
在XAML页面中显示网站的正确方法是什么？XAML中有没有iFrame的等价物？它可以全屏显示吗？
浏览 0提问于2012-08-08得票数 0
回答已采纳
1回答
我需要为一个项目做一个网站。如何制作一个移动的gif作为全屏背景？是我到目前为止所做的(一个例子)
HTML
<head>
<title>OFFICIAL SQUIDDINC</title>
<div class="gif-container"></div>
<head>
<html>
CSS
html, body {
height: 100%;
margin: 0;
}
.gif-container {
background: url("image
浏览 1提问于2015-04-08得票数 0
我在一个网站上有一个全屏视频。在iPads上，我想加载海报图像，这样它也是全屏的。我的标记和css适用于低分辨率的iPad Mini，但不能在iPad Retina上全屏显示。
html...
<video autoplay poster="/images/styles/vid_home_screenshot.jpg" id="bgvid" loop>
<source src="/video/Globe_vid_main_1280x720_v4.mp4" type="video/mp4"
浏览 2提问于2015-07-22得票数 1
1回答
Safari全屏显示问题
、、、、
我在一个网站上播放视频。HTML5 <video> player位于容器div中，容器div将其放置在中心位置。在大多数浏览器上，当用户点击全屏时，视频在浏览器中全屏播放没有问题，但在Safari On OS中，视频定位在屏幕的一半-我只能看到底部的50%。
我怀疑这是因为<div>容器有CSS position:fixed和top:50% height:auto，但是我不知道我需要做什么来纠正这个问题，这个问题似乎只在Safari中发生。
我在网上找不到任何指导，也找不到任何人遇到同样问题的证据。请帮帮我！
参考网站:按住www.bigredbutton.tv键并单击
浏览 4提问于2016-10-20得票数 2
当网站加载时，我想显示div部分的全屏。当有人再次向下滚动时，新的div部分提供了适合任何led分辨率的全屏。这是演示网站。。
请帮助我或给我一些参考jquery链接或css。
浏览 6提问于2014-07-09得票数 1
回答已采纳
1回答
我想要更改/覆盖我的css文档中的默认宽度，这样我就可以在我的站点上实现HTML5动画。
我在网站上插入了以下内容：
<div id="nakuru_hype_container" style="margin:auto;position:relative;width:100%;height:3300px;overflow:hidden;" aria-live="polite">
<script type="text/javascript" charset="utf-8" src="
浏览 1提问于2016-01-20得票数 0
2回答
页面介绍-正文淡入
、、、
我有一个wordpress站点，我正在使用插件来全屏显示背景图像滑块。
我想要显示静态全屏背景图像之前，主体是所有的网站内容加载。
现在，我添加了这个HTML：
<html class="no-js">
(我在html标记中添加了类no-js )
在css中，我添加了下面这一行：
.js body { display: none; }
在页脚，我添加了这段jQuery代码：
<script>
jQuery('body').fadeIn(5000); // fadein time in ms
</script>
从这里开始，
浏览 1提问于2014-12-23得票数 1
1回答
我已经谷歌我的屁股，我还没有找到一个解决方案或类似的问题。(也许这是我今天的谷歌技能)，但我遇到了一个全屏问题。
我正在使用下面的代码让我的网站转到全屏。
function toggleFullscreen(elem) {
elem = elem || document.documentElement;
if (!document.fullscreenElement && !document.mozFullScreenElement &&
!document.webkitFullscreenElement && !document
浏览 3提问于2017-05-13得票数 0
回答已采纳
1回答
主题:电子触摸应用
EKIOSK全屏演示
我现在已经开发了一个基于HTML和CSS的触摸应用程序，它可以作为一个基于电子快速启动的应用程序打开。这个应用程序是全屏打开的，没有框架。
现在我有了以下情况:在我的应用程序中也包括了外部网站，我通过IFrame在触摸演示中集成了这些网站。在其中一个外部网站上，有一些链接将"_blank“设置为目标属性。我一点击这个链接，就会像往常一样打开第二个窗口。我唯一的问题是，第二个窗口也打开全屏，没有框架。因此，没有键盘就不可能关闭窗口。如果其他窗口不会因为"_blank“属性而打开全屏，而是以另一种格式，甚至使用框架，这对我会更好。
长话短说
浏览 6提问于2020-11-05得票数 0
我遇到了一个非常有趣的跨浏览器HTML5/CSS问题:每当有一个带有-webkit-animation-fill-mode: both;的动画附加到一个包含HTML5 video元素的DIV时，这个视频不会在原生HTML5全屏模式下填满整个窗口，也就是说，全屏视频的大小将被限制在父元素尺寸。
描述可能会令人困惑，所以我创建了一个简化的示例：
(注意: jsFiddle根本不允许全屏模式，但它提供了对发生的事情的理解。要在启用全屏的情况下查看相同的代码，可以在此处打开它：)
我们尝试了几个JS视频播放器(video.js，flowplayer等)，所有播放器都存在这个问题，与任何特定的JS库无关
浏览 0提问于2013-12-26得票数 2
1回答
我想用css和Bootstrap制作网站布局。
我尝试了Foundataion，我得到了我想要的。但是，当我切换到Bootstrap并像以前一样使用相同的代码时。结果是不同的。
我想布局标题全屏与图像为背景，如本网站。
以下是我的自定义css：
.intro{
background-image: url(../img/asset/new_bg.jpg);
position: absolute;
height: 100%;
width: 100%;
background-size: cover;
}
HTML：
<div class="row intro">
浏览 3提问于2015-02-21得票数 0
回答已采纳
2回答
是否在双击时禁用全屏？
、、、
我有一个应用程序，加载一个网页在一个webview2控件(边缘铬)，它加载的页面只包含一个html5视频标签与源和一些样式的css。
我使用的css使视频占据了浏览器页面的整个区域，工作正常，但我想禁用进入全屏的功能(例如，占据整个桌面区域)。
我可以通过执行以下操作来隐藏css中的全屏按钮：
::-webkit-media-controls-fullscreen-button {
display: none !important;
}
但是，当双击时，视频仍然可以进入全屏。
我试着用donotallowfullscreen把视频移到一个来自iframe的辅助页面，但还是不行，双击还是
浏览 1提问于2020-03-11得票数 3
我的(bootstrap)网站上有一个响应式的嵌入式YouTube视频。当我选择YouTube全屏选项时，它可以在火狐和Chrome上运行，但在Safari上它会短暂闪烁，然后就会以全屏显示我整个网页的顶部，就好像Safari本身是全屏模式一样。
CSS：
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-con
浏览 1提问于2017-12-15得票数 0
2回答
我有一个使用Bootstrap3的固定页眉和页脚的页面。下面的内容可以滚动。用户可以通过F11或按钮(使用全屏-API)启用全屏模式。这在Chrome和FF中很好，但是在IE11中有问题。F11的全屏工作总是很好的。但是，使用javascript切换全屏模式会使我的页面在使用IE11时以缩小的宽度和高度放置在顶部底部。我的页眉和页脚保持原样。
<body>
<header>Fixed</header>
<main>Scrollable</main>
<footer>Fixed</footer&
浏览 2提问于2015-11-06得票数 5
在我的iOS程序中，我运行一个webView，在那里加载youtube.com网站(而不仅仅是html页面上的一个独立视频)。
在这里，我有自己的控件(按钮)在的一侧，我想用JQuery“单击”全屏按钮(女巫，我已经注入webView )。
这是我尝试用JQuery“点击”的按钮
<button type="button" class="html5-fullscreen-button html5-control-right ytp-tooltip-anchor hid yt-uix-button yt-uix-button-player yt-uix-butto
浏览 2提问于2013-06-23得票数 1
3回答
我有一个登陆页面的网站，使用全屏背景图像。我需要“进入网站”部分的图像是可点击进入主网站。我试过使用图像地图代码，但尺寸不能在更大的显示器上正常工作。是否有办法使全屏背景图像包含一个可点击的超链接，以便他们可以点击页面上的任何地方进入？下面是我当前的HTML：
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<img alt="full screen background image" src="Do
浏览 4提问于2013-12-29得票数 0
回答已采纳
1回答
我有两个网站，并希望嵌入一个网站到另一个网站。为此，我使用了嵌入代码
<object data="http://mywebsite.com" width="100%" height="100%">
<embed src="http://mywebsite.com" width="100%" height="100%"> </embed>
Error: Embedded data could not be displayed.
<
浏览 2提问于2016-04-24得票数 1
回答已采纳
3回答
使用光标移动背景
、、、、
我的网站的登录页面()有一个全屏背景。我想让它像这个网站的标题()的例子一样移动我有这样的代码，HTML，它放在我的网站标题中：
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></scrip
浏览 3提问于2013-05-25得票数 1
2回答
我在一个单页网站上有一个全屏标题。在英雄元素之后，还有我的导航元素，它应该在滚动过全屏高度后修复。这就是我现在所拥有的。
HTML：
<div id="hero">
<div class="welcome">
<img src="<?php echo get_template_directory_uri(); ?>/library/images/logo.png" alt="Logo"/>
</div>
<a href=
浏览 2提问于2015-12-01得票数 0
1回答
var class1 = document.getElementsByClassName("class1");
var img = document.getElementsByTagName("img");
function openFullscreen() {
if (class1[0].requestFullscreen) {
class1[0].requestFullscreen();
}
else if (class1[0].mozRequestFullScreen) {
class1
浏览 17提问于2019-04-10得票数 0
回答已采纳
我找到了一个很棒的网站：waaark.com 我注意到它背后的人都是网页设计天才。有没有人知道是用什么工具来创建令人印象深刻的动画和带有酷炫过渡效果的全屏页面？ 我无法确定这是否是一个普通的html/css/js网站，或者他们是否使用了一些我还没有了解到的很酷的工具集！我还注意到他们在使用wordpress？wordpress在这里是如何使用的？
浏览 13提问于2019-01-29得票数 0
2回答
HTML5视频全屏
、、、、
我已经试着制作了一个HTML5视频播放器。我用CSS和jQuery创建了自定义控件。但是当我打开全屏模式时，我无法在全屏上看到我的自定义控件。
全屏模式关闭：
全屏模式，但没有自定义控件：
浏览 1提问于2013-02-02得票数 1
4回答
Vimeo iframe作为背景
、、、、
我要做一个以视频为背景的网站。
我想从vimeo加载视频，但我还没有找到最好的方式把它全屏。
我正在尝试将css添加到iframe，但它根本不起作用：
iframe{
width: 100%;
height: 100%;
}
你们中有谁知道不使用插件或html5将其作为背景嵌入的最好方法，以避免IE出现问题。
谢谢!
浏览 3提问于2012-11-13得票数 2
回答已采纳
1回答
我试图制作一个全屏网站，在右边有一个全屏图像，在左边有一个垂直菜单和一个徽标。
到目前为止，我构建的html & css代码是这样的，但我不知道如何使整个网站成为全屏：
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ella - Organizator de evenimente</title>
<link rel="stylesheet" type="text/css" hr
浏览 5提问于2014-01-22得票数 1
3回答
全屏高度和宽度
、、、、
我试图让我的网站背景分裂成两种颜色的垂直。全屏高度和宽度。我在这里做错了什么？希望有人能帮上忙。问候
我有一个指向测试页面的链接
HTML：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testing fullscreen</title>
<link href="assets/css/style.css" rel="stylesheet&
浏览 0提问于2015-10-24得票数 0
1回答
因此，我为<video>元素构建了一个自定义html控件，并将其连接到JavaScript，以使视频功能正常工作。
问题是当我调用requestFullscreen()时，默认的浏览器控件在全屏预览上显示，简单的修复方法是从css中删除它，如下所示：
Css
video::-webkit-media-controls {
display: none !important;
}
现在视频是在全屏没有控件，现在我不能控制视频和HTML控件没有显示在全屏上，我试图通过添加z-index:100修复它，但这是行不通的。
我看到这篇8年前的文章：
但这个答案对我也没有用，我认为应该有
浏览 21提问于2022-09-13得票数 1
是否有一个简单的方法，只使用CSS，以启用背景图像幻灯片？我有背景图像定义为全屏幕和响应在CSS的html属性内，并希望它有一个简单的过渡效果。CSS如下所示：
html {
background: url(slike/bg.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
我需要在html中定义它并创建一个新的CSS类吗？唯一的‘问题’是背景
浏览 0提问于2017-08-01得票数 0
回答已采纳
如何强制HTML5 iframe YouTube视频中心适合，覆盖全屏窗口背景使用CSS3 HTML最终Java？
例如，"“主页背景或"”顶级视频，作为iframe视频。iframe覆盖全屏(缩放)，并覆盖所有宽度和高度时，重新调整窗口。它调整尺寸，保持100%的宽度，放大高度或100%的高度，放大宽度.
如何使用iframe HTML5和CSS3实现这一效果？
代码示例HTML5
<div class="video" style="opacity: 1;">
<iframe src="http://www.
浏览 11提问于2014-07-04得票数 25
回答已采纳
1回答
我使用的是HTML5全屏应用程序接口，这样用户就可以全屏浏览我的网站，但是当用户点击一个链接(比如菜单项)时，用户就会切换回正常的浏览器模式。当用户单击某些链接时，如何使浏览器保持全屏显示？优选地，不必将整个网站转换成AJAX页面加载系统。
浏览 1提问于2012-05-23得票数 7
2回答
全屏，居中内容
、、、
我已经建立了一个网站的内容区域的固定宽度和可变高度，水平和垂直中心，基于css和html在中找到。
这在我测试过的所有浏览器中都很好，甚至在IE (11)中也是如此。但是，页面也需要在全屏模式下工作，如果我在ie中运行它，内容会转到左上角。
这是我的html：
div.wrapper-1 {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
div.wrapper-2 {
display: table-cell;
vertical-align: middle;
}
div.wrapper-3 {
浏览 6提问于2014-09-19得票数 1
回答已采纳
我到处都找过了，但似乎找不到答案。在全屏播放视频时，在IE、Chrome和Firefox中，html导航会位于视频上方，但在Mac和PC上的Safari中则不会。该网站是，请查看展示页面或摘录。
我是一个相对的新手，恐怕这是一个css的东西或视频的问题？任何关于如何修复它的想法都将受到感谢。
干杯。
浏览 2提问于2013-02-08得票数 0
2回答
我在一个网站上使用CSS3全屏画廊(没有JavaScript)。图库基本上是一个无序列表，其中每个列表项都是一个全屏背景。
它的工作原理是在CSS文件中为每个列表item.Currently设置背景图像，图库包含48张图像，页面加载太多。
第一个视图大约是35秒。浏览器似乎首先加载每个DOM元素，这需要花费太多的时间。
有没有办法在页面加载时不加载某些列表项元素，而只在页面加载后才显示它们？
该网站的网址为。
浏览 0提问于2012-10-03得票数 2
1回答
我有一个网站，有响应css使用媒体查询。
有一个div，叫做"map“。
对于宽度500 is及以上，容器内有地图。
//html stucture
//header, menu
<div id="conteiner">
//texts , images, forms, etc
<div id="map"></div>
<input type="button" id="showpage"...
<input type="button"
浏览 3提问于2013-12-07得票数 0
1回答
我正在用HTML和CSS写一个网站。我的问题是，例如，当我在浏览器中运行我的网站时，我用百分比调整所有的利润率。但是，当我在全屏上运行我的浏览器时，或者如果我调整窗口的大小，网站不同的部分就会分崩离析，不能像它们应该的那样结合在一起。为什么百分比单位不修复这个问题，因为它是相对于窗口的大小？
CSS：
#aboutMeDiv
{
background-image: url('noisyBlue.png');
position: absolute;
width: 100%;
height: 118px;
margin-top: 13.6em
浏览 2提问于2013-03-28得票数 1
2回答
我正在创建一个基于视频的网站作为主页的背景，我遇到了一个问题，我不知道问题是什么，但我遵循了一个在线教程，似乎我愿意放在我的网站上的视频已经显示，但不能播放，即使在全屏观看时也太大了。
代码如下：
<html>
<head>
<!-- settings -->
<title> Prestige</title>
<link rel="shortcut icon" type="image/png" href="images/favicon.png"
&l
浏览 2提问于2018-07-18得票数 0
3回答
我在一个网站上工作，出于某种原因，在全屏时，页脚会扩展到它的全宽，但当我缩小屏幕尺寸时，右下角会出现一个随机的白色块。有什么想法吗？
HTML：
<div id="footer-container">
<footer>
<?php require_once("footer.php"); ?>
</footer>
</div>
CSS：
div#footer-container {
min-width: 100%;
浏览 1提问于2013-06-26得票数 0
回答已采纳
1回答
在iframe中创建一个元素全屏
、、、、
我正在做一个浏览器扩展，允许我修改其他网站的内容。
我了解allowfullscreen，以及如何使iframe中的元素显示为全屏并占据整个视图。但是，在这个问题中，我想知道如何才能强迫元素在iframe中全屏化。
场景
像这样的网站，几乎在页面中的每个元素上都使用position: absolute，包括video元素。当您试图在其页面上全屏视频时，它们通过更改几个节点的width和height属性来确定视图端口的大小和相应的缩放元素。这与隐藏不必要的元素相结合，给用户一个很好的全屏体验。由于他们的方法，手工修改这些元素的CSS是非常困难的。
在position: fixed; top: 0
浏览 0提问于2019-03-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
