草庐IT

webkit-full-screen

全部标签

ios - iOS 11(测试版)中的 webKit 是否支持 WebRTC?

我有一个URL在iOS11(测试版)上与Safari一起工作正常音频/视频工作正常。但是当我用WKWebView加载这个URL时,它给我一个错误“不兼容的浏览器”,当我在WebKit中检查我的浏览器版本时,它显示“iOS11上基于WebKit的浏览器”所以真正的问题是,Apple是否将此更改包含在适用于iOS11开发者测试版的WKWebviewwebkit(应该与Safari相同)中? 最佳答案 更新:WebRTC支持将在iOS14.3(测试版)中推出?在这里了解更多:https://webkit.org/blog/11353/me

ios - iOS 11(测试版)中的 webKit 是否支持 WebRTC?

我有一个URL在iOS11(测试版)上与Safari一起工作正常音频/视频工作正常。但是当我用WKWebView加载这个URL时,它给我一个错误“不兼容的浏览器”,当我在WebKit中检查我的浏览器版本时,它显示“iOS11上基于WebKit的浏览器”所以真正的问题是,Apple是否将此更改包含在适用于iOS11开发者测试版的WKWebviewwebkit(应该与Safari相同)中? 最佳答案 更新:WebRTC支持将在iOS14.3(测试版)中推出?在这里了解更多:https://webkit.org/blog/11353/me

html - iOS 不尊重 z-index 与 -webkit-overflow-scrolling

问题:在iOS上z-index使用-webkit-overflow-scrolling时忽略可滚动区域的.如果两个对象带有-webkit-overflow-scrollingoverlap下面的那个被滚动,而不是上面显示的那个。如何复现:创建两个相互重叠的元素(例如position:absolute),其中一个具有更高的z-index并添加.selector{overflow-y:auto;-webkit-overflow-scrolling:touch;}他们两个。两个元素都应该有足够的内容可以滚动。另外添加到您的.然后将该页面添加到您的主屏幕并从那里启动它。如果您随后尝试滚动上方的

html - iOS 不尊重 z-index 与 -webkit-overflow-scrolling

问题:在iOS上z-index使用-webkit-overflow-scrolling时忽略可滚动区域的.如果两个对象带有-webkit-overflow-scrollingoverlap下面的那个被滚动,而不是上面显示的那个。如何复现:创建两个相互重叠的元素(例如position:absolute),其中一个具有更高的z-index并添加.selector{overflow-y:auto;-webkit-overflow-scrolling:touch;}他们两个。两个元素都应该有足够的内容可以滚动。另外添加到您的.然后将该页面添加到您的主屏幕并从那里启动它。如果您随后尝试滚动上方的

iOS5 使用 webkit-overflow-scrolling 滚动时图像消失 : touch

我以前一直在使用iScroll插件,但为了原生行为而想放弃它。最初的实现是使用webkit-overflow-scrolling:auto;但是我将其更新为...webkit-overflow-scrolling:touch..在触摸滚动上启用运动/惯性。问题是导航中包含的列表项在滚动时会完全消失,只有在动量停止后才会返回。这方面的一个例子可以是seenhere 最佳答案 我过去遇到过同样的问题,如果您需要使用定位元素,请尝试将-webkit-transform:translateZ(0);添加到元素或容器中。此属性通常会强制浏览器

iOS5 使用 webkit-overflow-scrolling 滚动时图像消失 : touch

我以前一直在使用iScroll插件,但为了原生行为而想放弃它。最初的实现是使用webkit-overflow-scrolling:auto;但是我将其更新为...webkit-overflow-scrolling:touch..在触摸滚动上启用运动/惯性。问题是导航中包含的列表项在滚动时会完全消失,只有在动量停止后才会返回。这方面的一个例子可以是seenhere 最佳答案 我过去遇到过同样的问题,如果您需要使用定位元素,请尝试将-webkit-transform:translateZ(0);添加到元素或容器中。此属性通常会强制浏览器

"-webkit-transform"的 iOS Safari 内存使用情况

https://jsfiddle.net/ES4xG/8/使用大量内存。iOSSafari通过某些-webkit-transform指令使用大量内存。这种方法有助于提供更复杂的图形,但似乎会消耗大量内存,甚至可能导致崩溃。上面的演示显示了一个显示150次的文本,否则该文本将在PC浏览器上正常运行:字体大小和元素数量被夸大导致崩溃。-webkit-transform:translate3d(0,0,0)旨在强制GPU加速绘制每个元素。在实际应用中,我们使用的是translateX、Y、Z、scale等看似以相同的方式连接到GPU使用。图像和Sprite也被使用,但它们与崩溃没有直接联系。

"-webkit-transform"的 iOS Safari 内存使用情况

https://jsfiddle.net/ES4xG/8/使用大量内存。iOSSafari通过某些-webkit-transform指令使用大量内存。这种方法有助于提供更复杂的图形,但似乎会消耗大量内存,甚至可能导致崩溃。上面的演示显示了一个显示150次的文本,否则该文本将在PC浏览器上正常运行:字体大小和元素数量被夸大导致崩溃。-webkit-transform:translate3d(0,0,0)旨在强制GPU加速绘制每个元素。在实际应用中,我们使用的是translateX、Y、Z、scale等看似以相同的方式连接到GPU使用。图像和Sprite也被使用,但它们与崩溃没有直接联系。

iphone - iOS/iPhone : Web App Splash Screen Not Showing Up

我在中有以下代码我的Web应用程序,但在加载DOM而不是启动画面时,我的iPhone3GS上出现了白屏。如何让我的启动画面在所有版本的iPhone上正确显示?代码未显示,但我的网络应用程序图标在添加到主页后可以正常工作。我正在使用jQueryMobile构建此Web应用程序。我还确认PNG图像的尺寸完全正确,并且我删除了Web应用程序图标,刷新并多次重新添加到主屏幕。我在StackOverflow上找到的所有解决方案都不适合我。我没有尝试过JavaScript解决方案,因为我确信有一个纯CSS解决方案。 最佳答案 sizes属性适用