标签: fullscreen

我构建了一个具有全屏功能的网页。我使用了所有正确的 CSS 属性来确保我的渐变背景完全覆盖屏幕，事实确实如此。但是，当我在 Chrome 中单击网站上的全屏按钮时，页面会变为全屏，但背景会变成黑色。我到处找，还是找不到\xe2\x80\x99有什么问题。iPadOS 似乎运行良好。CSS 如下，其余代码位于我的GitHub 存储库中。

任何帮助深表感谢！

CSS：

@import url(\'https://fonts.googleapis.com/css2?family=Sen:wght@700&display=swap\');\n\n* {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  padding-bottom: 50vh;\n  background: -moz-linear-gradient(top, #19c9ff 0%, #d504f9 100%);\n  background: -webkit-linear-gradient(top, #19c9ff 0%,#d504f9 100%);\n  background: linear-gradient(to bottom, #19c9ff 0%,#d504f9 100%);\n  background-repeat: no-repeat;\n  background-size: contain;\n  text-align: center;\n  font-family: \'Sen\', serif;\n}\n\n.nav {\n  background-color: rgba(0, 0, 0, 0.5);\n  padding: 10px;\n  position: fixed;\n  width: 100%;\n}\n\n.full {\n  color: white;\n  position: fixed;\n  right: 20px;\n  top: 12px;\n  font-size: 1.34em;\n}\n\n.auto {\n …

得到这个应用程序在自助服务终端模式下运行,并希望在全屏幕上运行它.已经摆脱了应用程序的灰色标题栏,但仍然可以在顶部栏上找到主页,音量,背面和其他按钮,如图所示.

该设备运行Android 2.2固件.

任何帮助是极大的赞赏!

我正在使用 flowplayer 5.2 构建一个可嵌入的播放器，并注意到当它位于iframe. 那些其他大玩家allowFullScreen在他们的 iframe 代码中有，但 flowplayer 脚本没有看到它，或者我不知道如何让它看到它。
这里有人想出这个吗？
谢谢，
托马斯

我正在使用两个流行的工具Zurb基础和一个站点的Supersized jquery插件.我以前曾经用过它们一次.但是,当我一起使用时,Zurb Foundation CSS会压缩图像宽高比,这会扭曲Supersized jquery插件中的图像.当浏览器窗口缩小时,它会执行此操作.

在我以前的网站上没问题.它不会在我当前的网站上.

所以当窗户或设备狭窄时,图像会被挤压.

如果我删除了Zurb CSS,那么Supersized会保持纵横比不变,所以我知道原因与Zurb Foundation的图像重新调整大小有关.那么我如何过度使用Zurb CSS来获取Supersized中的背景图像.

网站演示可以在这里看到:http://mwildmandesign.com/IBG/index.html

这是一个网站调整大小,保持宽高比完整我需要它在我的网站上查看:http://risd.edu

我想要把<div>它的宽度拉伸到整个屏幕.现在我在CSS中有这个:

#spacer3 {

width:100%;
height:300px;

}

所以我相信它有效.但是在我的网站上,div并没有全程延伸,每侧约为5px.有帮助吗？

这是一个链接到网站的一个例子 我遇到问题的div有一个黑色(ish)背景,并有一个图像.

感谢您提前帮助!

我试图通过隐藏UINavigationBar和UIStatusBar来全屏显示View(UIBubbleTable实例位于View控制器视图的顶部).但由于某种原因,黑色空间仍位于顶部:

    NSLog(@"view frame before:%@", NSStringFromCGRect(self.view.frame));
    NSLog(@"view bounds before:%@", NSStringFromCGRect(self.view.bounds));
    NSLog(@"bubble table frame before:%@", NSStringFromCGRect(self.bubbleTable.frame));
    NSLog(@"bubble table bounds before:%@", NSStringFromCGRect(self.bubbleTable.bounds));

    [self.view hideKeyboard];
    [[UIApplication sharedApplication] setStatusBarHidden:YES];
    self.navigationController.navigationBar.hidden = YES;
    self.containerView.hidden = YES;

    [self.view setFrame:[[UIScreen mainScreen] bounds]];
    [self.bubbleTable setFrame:self.view.bounds];

    NSLog(@"view frame after:%@", NSStringFromCGRect(self.view.frame));
    NSLog(@"view bounds after:%@", NSStringFromCGRect(self.view.bounds));
    NSLog(@"bubble table frame after:%@", NSStringFromCGRect(self.bubbleTable.frame));
    NSLog(@"bubble table bounds after:%@", NSStringFromCGRect(self.bubbleTable.bounds));

NSLog的:

2013-07-06 22:05:18.068 KIM[5085:c07] view frame before:{{0, 0}, {320, 504}}
2013-07-06 22:05:18.068 KIM[5085:c07] view bounds before:{{0, 0}, {320, 504}}
2013-07-06 22:05:18.069 KIM[5085:c07] bubble table frame before:{{0, …

我将从我的服务器为用户托管视频.用户可以嵌入视频......目前我正在编写php脚本.但我有嵌入代码的问题.问题是,无法在html5上全屏...播放器支持html5和flash播放器.如果播放器是闪存用户可以从嵌入代码全屏.但是在html5播放器上无法全屏显示.Youtube的嵌入代码可以全屏显示,但YouTube也使用html5.这是我使用的代码:

<iframe width="530" height="270" src="http://videohost.tk/embed/0f2c67c9b" frameborder="0"></iframe>

如果您直接输入链接,则可以全屏显示.但是对于iframe,你不能......我该如何修复它？

我试图在Windows中保持全屏模式下的内容宽高比.如果显示宽高比与内容宽高比不同,我想将桌面的其余部分隐藏在黑色边框后面.是否可以使用Win32 api创建具有居中内容和黑色边框的全屏窗口？

在OS X中,使用以下代码可以很容易地实现:

CGSize ar;
ar.width = 800;
ar.height = 600;
[self.window setContentAspectRatio:ar];
[self.window center];
[self.window toggleFullScreen:nil];

如果我在16:9显示器上运行上面的代码,我的应用程序进入全屏模式,内容居中(因为它是4:3)并且我在屏幕的两侧都有黑色边框.

我试图在Windows中实现相同的功能,但我开始怀疑它是否可能.我当前的全屏代码保持宽高比并使内容居中,但如果fullscreenWidth和fullscreenHeight不等于displayWidth和,则显示窗口两侧的桌面displayHeight:

bool enterFullscreen(int fullscreenWidth, int fullscreenHeight)
{
    DEVMODE fullscreenSettings;
    bool isChangeSuccessful;

    int displayWidth = GetDeviceCaps(m_hDC, HORZRES);
    int displayHeight = GetDeviceCaps(m_hDC, VERTRES);

    int colourBits = GetDeviceCaps(m_hDC, BITSPIXEL);
    int refreshRate = GetDeviceCaps(m_hDC, VREFRESH);

    EnumDisplaySettings(NULL, 0, &fullscreenSettings);
    fullscreenSettings.dmPelsWidth = fullscreenWidth;
    fullscreenSettings.dmPelsHeight = fullscreenHeight;
    fullscreenSettings.dmBitsPerPel = colourBits;
    fullscreenSettings.dmDisplayFrequency = refreshRate;
    fullscreenSettings.dmFields = DM_PELSWIDTH |
        DM_PELSHEIGHT |
        DM_BITSPERPEL …

使用 CSS 网格，我需要一个带有固定页眉、导航和页脚的全屏，只有文章是 Flex 的。

With margin = 0px it is OK

但是 margin = 10px 就不行了since footer is not fixed below

如何保持全屏固定页眉、导航和页脚（只有文章是弹性的）以及边距 = 20px？

我有一个简单的开箱即用应用程序,当我在iphone5s上部署时,它不会使用整个屏幕.默认情况下,它会创建一个LaunchScreen.xib.我没有故意编辑这个文件.

黑色条纹顶部和底部

其他答案建议添加一个Default-568h@2x.png启动图像,但我没有使用启动图像,我不知道在哪里添加这些.我在Images.xcassets中看到了这个位置,方法是单击+图标并选择New Launch Image.

我是否需要向Images.xcassets添加新的启动图像？如果是这样,拥有LaunchScreen.xib的重点是什么？

谢谢!

我尝试通过以下代码隐藏NavigationBar:

public static void setFullscreen(final View decorView) {
    decorView.setOnSystemUiVisibilityChangeListener(new View.OnSystemUiVisibilityChangeListener() {
        @Override
        public void onSystemUiVisibilityChange(int visibility) {
            if ((visibility & View.SYSTEM_UI_FLAG_FULLSCREEN) == 0) {
                decorView.setSystemUiVisibility(
                        View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                                | View.SYSTEM_UI_FLAG_FULLSCREEN
                                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
            }

        }
    });

    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.JELLY_BEAN) {
        decorView.setSystemUiVisibility(decorView.getSystemUiVisibility());
    }
}

并为每个活动:

@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    if (hasFocus) {
        getWindow().getDecorView().setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);}
}

和活动主题:

<style name="Theme.AppCompat.Light.NoActionBar.FullScreen" parent="@style/Theme.AppCompat.Light">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">true</item>
    <item …