标签: fullscreen

强制 div 占据移动设备上的整个屏幕?CSS、HTML

我有一张 224w x 400h 的图像。漂浮在该图像上的是一个简单的形式。

我的目标是使包含该图像+覆盖形式的 div 在移动设备上查看时占据整个屏幕。我尝试了使用媒体标头、视口元数据和大量我从类似的堆栈溢出问题中拼凑而成的 css 的各种组合。我目前不知道下一步该做什么。

我还尝试至少将 img+form 居中,但我放弃了它,因为它不相对于移动设备屏幕尺寸居中。(相反,它将 div 推离屏幕并创建水平滚动条,就好像它认为移动设备屏幕非常宽一样。)

如何更改以便移动设备能够用我指定的 div 填满其屏幕?(或者至少,将 fullsrceen div 类集中在移动设备的较小屏幕上。)非常感谢任何帮助!

当前 HTML

<!DOCTYPE html>
<html>
<head>
<title>Reg</title>
<meta name="viewport" content="target-densitydpi=device-dpi">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

<link href="Form.css" rel="stylesheet">
</head>
<body>

<div class="fullscreen" id="fullscreen">

    <div style="position:relative">    
<img src="fbg.png" alt="" />
        <div style="position:absolute;left:0;top:0;">


            <div id"=main">
<form method="post" action="SMA_Send2.php">
<label for="form">
First Name: <input type="text" maxlength="20" name="Fname" required><br />
Last Name: <input type="text" maxlength="36" name="Lname" required><br />
Student ID: <input type="number" …
Run Code Online (Sandbox Code Playgroud)

html css mobile fullscreen divider

2
推荐指数
1
解决办法
2万
查看次数

如何使虚幻引擎4全屏(Windows包)

我对虚幻引擎 4 非常陌生,我需要一些帮助,我在互联网上找不到答案,所以我希望这里有人可以提供帮助。

当我打开游戏时进入Package项目(Windows)时,如何使其始终默认全屏?所以当我打开游戏时它将是全屏的。

有我可以用来做到这一点的蓝图吗?如果没有,您必须对其进行编程,您能否告诉我必须放置代码或其他内容的确切位置,因为就像我说的那样。我是个新手,大麦知道这个界面以及如何使用它。(我来自Unity)

windows fullscreen package unreal-engine4 unreal-blueprint

2
推荐指数
1
解决办法
4万
查看次数

如何在 Google Chrome 上打开一个新的弹出窗口,该窗口可以适应任何屏幕,而无需越过 Windows 任务栏?

我一直在尝试创建一个适合屏幕而不与 Windows 任务栏重叠的弹出启动器,我做了一些研究,甚至创建了 HTML 文件,但它不能正常工作,它与任务栏重叠,甚至消失超越它。如何才能完成这样的任务,我做错了什么?

代码:(在桌面上运行)

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>winds</title>
  </head>
  <body>

    <script>
      function fc()
      {
        window.open('http://www.google.com.br','window','menubar=yes,screenX=0,screenY=0,top=0,left=0,location=no,status=no,toolbar=no,scrollbars=yes,resizable=no,width=' + (screen.width - 10) + ',height=' + screen.availHeight);
      }
    </script>

    <a href="JavaScript:fc()">Chrome</a>

  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript taskbar fullscreen

2
推荐指数
1
解决办法
5068
查看次数

鼠标指针在 Chrome 全屏 div 上没有隐藏

我想让一个 HTML 元素全屏显示(div),并让指针保持隐藏状态。

这看起来很简单(cursor:none当 div 变为全屏时在 div 上设置),但它无法跨浏览器正常工作。

下面的代码片段适用于 Firefox,但在 chrome 56/Mac OSX 中,鼠标指针会在一段时间后重新出现(通常在 1-60 秒内)。

是否有可靠的跨浏览器方法来在全屏时隐藏鼠标指针?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fullscreen mouse pointer</title>

    <style>
        .is-fullscreen {
            cursor: none;
            width: 100%;
            height: 100%;;
            background-color: white;
        }
    </style>
</head>
<body>

<div id="gofull">
FULLSCREEN AREA
</div>

<button onclick="makeFS()">Make fullscreen</button>


<script>
    // Button to make a div fullscreen and add relevant style in that case
    function makeFS() {
        // Get FS element, add class, and go fullscreen
        var …
Run Code Online (Sandbox Code Playgroud)

html javascript css google-chrome fullscreen

2
推荐指数
1
解决办法
3242
查看次数

在约束布局中添加视图并以编程方式将它们设置为全屏

我花了几个小时在 ConstraintLayout 中添加图像视图并将其设置为全屏大小。

这是我在约束布局中添加图像的实际代码:

final ConstraintLayout constraitLayout = (ConstraintLayout)activity.findViewById(layout_xml);
    constraitLayout.addView(mImage,0);
    ConstraintSet set1 = new ConstraintSet();
    set1.clone(constraitLayout);
    set1.connect(mImage.getId(), ConstraintSet.TOP, constraitLayout.getId(), ConstraintSet.TOP, 0);
    set1.connect(mImage.getId(), ConstraintSet.LEFT, constraitLayout.getId(), ConstraintSet.LEFT, 0);
    set1.connect(mImage.getId(), ConstraintSet.RIGHT, constraitLayout.getId(), ConstraintSet.RIGHT, 0);
    set1.connect(mImage.getId(), ConstraintSet.BOTTOM, constraitLayout.getId(), ConstraintSet.BOTTOM, 0);
    set1.applyTo(constraitLayout);
Run Code Online (Sandbox Code Playgroud)

感谢帮助!

layout android constraints fullscreen

2
推荐指数
1
解决办法
4502
查看次数

有没有办法在不破坏窗口/上下文的情况下切换全屏?

我目前有一个使用 OGL 4.5 和 GLFW 3 的游戏。

我正在尝试创建一个允许在全屏和窗口模式之间切换的功能。然而,为了实现这一点,我似乎必须销毁当前窗口,然后在同一指针中创建一个新窗口(我在 GLFW 文档中将其红色)。

虽然这可行,并且我可以在两种模式之间进行交换,但一旦交换发生,它会导致引擎的一些关键部分停止绘制。

因此,我想知道是否有某种方法可以启用/禁用全屏而不破坏窗口并创建新窗口。

这是该函数的代码:

void TMooseEngine::toggleFullscreen()
{
    _fullscreen = !_fullscreen;

    glfwDestroyWindow(window);
    delete _shader;
    delete _skybox;
    //delete _particulas;




    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);

    if(_fullscreen){ //change to fullscreen
       window = glfwCreateWindow(_width, _height, "Fate Warriors", glfwGetPrimaryMonitor(), NULL);
       glfwMakeContextCurrent(window);
       glViewport(0,0,_width,_height);
       //culling
       glEnable(GL_DEPTH_TEST);
       glViewport(0,0,_width,_height);
       glEnable(GL_CULL_FACE);
       glCullFace(GL_BACK); 
       glFrontFace(GL_CCW);
       _shader = new Shader();
       _skybox = new Skybox();

       initUI();
    }

    else{ //change to windowed
        window = glfwCreateWindow(_width, _height, "Fate Warriors", NULL, NULL);
        glfwMakeContextCurrent(window);
        glViewport(0,0,_width,_height);
        //culling
        glEnable(GL_DEPTH_TEST);
        glViewport(0,0,_width,_height);
        glEnable(GL_CULL_FACE); …
Run Code Online (Sandbox Code Playgroud)

c++ opengl fullscreen windowed glfw

2
推荐指数
1
解决办法
2064
查看次数

2
推荐指数
1
解决办法
655
查看次数

是否可以修改如何在网络浏览器上退出全屏视频?

我有一个可以全屏显示的视频元素。进入全屏模式后,我想在按 ESC 时禁用退出全屏。现在,我知道这在技术上是不可能的,因为在全屏模式下没有调度 ESC keydown 事件,但 Chrome 远程桌面有一些非常有趣的东西。

相反Press ESC to exit fullscreen,他们表现出Press and Hold ESC to exit fullscreen

有谁知道如何实现这一点?目标是按下 ESC 键时不退出全屏,而是按住 ESC 时退出。

我知道 Google 很可能修改了 Chrome 远程桌面浏览器的行为,但如果我们也能做到这一点那就太酷了:)

谢谢

javascript google-chrome fullscreen exit chrome-remote-desktop

2
推荐指数
1
解决办法
1870
查看次数

godot4游戏启动时如何设置屏幕分辨率

因为我的全屏godot 游戏可以在许多平台上使用(例如 Mac、Windows),所以我必须确保每次我的游戏第一次启动时,它都会检查其所在的操作系统和设备,并为设备设置正确的分辨率。我该怎么做呢?我想要这样的东西:

func _ready():
    device = project.get_device()
    project_settings.set_setting("window_width", device.width)
    project_settings.set_setting("window_height", device.height)
    project_settings.save()
Run Code Online (Sandbox Code Playgroud)

请注意,我编写的代码不是实际的 GDscript,它只是我想要的示例。

fullscreen screen-resolution godot4

2
推荐指数
1
解决办法
3382
查看次数

对stage.displayState的更改:事件在哪里?(Flash,AS3)

我应该寻找什么样的事件(在舞台上:阶段,我想)来改变stage.displayState?

flash fullscreen stage actionscript-3

1
推荐指数
1
解决办法
9947
查看次数