手机上的CSS背景全屏跳动

文章/答案/技术大牛

发布

1回答

css、mobile

我正在开发一个web应用程序，并有一个响应式(视差)全屏背景，这是调整屏幕的高度和宽度。问题是，在移动设备上，工具栏上方的背景“结束”。如果我使用Firefox向下滚动(稍后向上滚动)，背景下的内容会出现跳跃效果，因为它正在调整到工具栏。我知道这是一个众所周知的问题，但我仍然找不到适合我的解决方案。我在下面添加了一个截图，这是我想要实现的。

浏览 18提问于2020-11-06得票数 1

回答已采纳

2回答

R演示文稿(rpres)在全屏模式下变黑

r、rstudio、rpres

每当我在macOS上最新的RStudio (v0.99.902)下全屏拍摄.Rpres文件时，每张幻灯片在简介之后都有一个黑色的覆盖层，不会消失。当窗口最小化时，我们有：在全屏模式下(按f键)，从标题幻灯片切换到后续幻灯片会产生以下结果：使用的代码：==== author

浏览 6提问于2016-06-19得票数 8

1回答

有没有办法声明背景-大小-高度？

html、css

我希望背景图像适合100%的高度，但保持它的比例，也就是宽度仍然动态。谢谢你的指点。

浏览 3提问于2011-12-11得票数 3

回答已采纳

1回答

在手机上，ReactJS背景视频(样式组件)跳转到全屏，你必须滑动它才能删除它。你怎么解决这个问题？

css、reactjs、video、background-image、styled-components

我有这个问题在手机上，在页面加载后视频缩放到全屏，然后我必须滑动它来查看网站。我使用这个示例，但是我的代码类似： (基于这个repo：)<HeroBackground> controls={false} </VideoBackground> <

浏览 7提问于2021-11-02得票数 3

3回答

CSS背景封面

html、css、mobile、background

我有一个在CSS中完美完成的全屏背景，使用： background-image: url('..; float:left; } 尽管当在移动设备、iOs和IE Windows mobile上查看时，背景是平铺的，而不是全屏。我得到我可能需要有一个不同的CSS文件的移动操作系统在那里，但不确定到

浏览 3提问于2013-09-23得票数 4

1回答

使用CSS的背景幻灯片(fullscreen+responsive)

css、background、slideshow

是否有一个简单的方法，只使用CSS，以启用背景图像幻灯片？我有背景图像定义为全屏幕和响应在CSS的html属性内，并希望它有一个简单的过渡效果。CSS如下所示：html { -webkit-background-size: covermoz-background-size: cover; -o-backgr

浏览 0提问于2017-08-01得票数 0

回答已采纳

1回答

Safari在$(window).scroll函数上不稳定/闪烁

javascript、jquery、css、safari

我在Safari中遇到了一个问题-当改变页面滚动上一个元素的高度和另一个元素的边距时，图像在滚动时闪烁或跳动。到目前为止，这在Chrome / Firefox (OSX)上运行得很顺利，正如人们所预期的那样，但你会在Safari上看到这个问题： var marginTop = scrollTop; $('.sli

浏览 0提问于2015-07-15得票数 1

1回答

虚拟键盘未出现在诺基亚5230上基于QML的应用程序中

qt、keyboard、qml

我有一个基于QML的应用程序部署在我的诺基亚5230手机上，有几个TextInput组件，当组件获得输入焦点时，输入法状态指示器改变了，但虚拟键盘没有出现。我的应用程序是通过调用QDeclarativeView::showFullScreen()全屏显示的，我尝试了包括官方AknFEP在内的4种不同的输入方法，都有相同的问题。我错过了什么吗？

浏览 4提问于2011-03-06得票数 2

回答已采纳

1回答

css在背景图像中导航

css

我有一个简单的html文档。主体内的div，它包含以下css规则： height: 100%;} width: 1000px;id="score">0</div></body>我想要实现的是:当我在手机上，如果我有一个480

浏览 1提问于2018-05-13得票数 2

回答已采纳

1回答

在Windows10Mobile中有隐藏NavigationBar的事件吗？

uwp、windows-10-mobile

在我的场景中，我需要在Windows10Mobile中隐藏NavigationBar的同时获得通知。有没有办法找出Windows10Mobile中NavigationBar的可见性变化？

浏览 4提问于2016-09-01得票数 1

1回答

背景图像在移动环境下看起来很糟糕

css、image、mobile

在手机上，我的干净/清晰的重复背景(位置中心底部，重复x)看起来就像垃圾。它在手机上看上去并没有那么大--它在视觉上和电脑上的尺寸是一样的，但是--我想，因为这款手机的分辨率更高，所以它看起来像像素化和波涛汹涌。我不敢相信我以前从未遇到过这个问题，但是搜索这个主题时，只会出现“如何在手机上重复背景”或“如何在手机上做全屏背景”...etc。如何在移动和

浏览 3提问于2014-08-11得票数 1

回答已采纳

2回答

如何用html+css全屏制作背景图像

html、css

我正在处理一个文件html+css，我想用HTML创建背景图像全屏，并且CSS我已经为背景图像设置了所有属性。我希望这个背景图像能够填充设备上的所有全屏，而不需要在背景图像上滚动，所以我尝试这样做： * { padding: 0;width: 100%; </style> <div class=&qu

浏览 10提问于2022-03-15得票数 0

1回答