我有一个iframe，我需要将其拉入以便在iOS设备上显示。iframe的内容不在我的控制之下，它们不以任何方式响应(固定800x600)。所以我想缩小iframe以在iOS视口(viewport)中显示它。使用-webkit-transform:scale(0.4)我能够缩小它，但现在触摸事件都是错误的(例如触摸表单元素不会弹出键盘)。如果您在缩放之前触摸元素所在的位置，它就会起作用。有什么方法可以纠正触摸事件的偏移量吗？ 最佳答案 选择scale3d而不是scale。根据我的经验，当元素被插入加速堆栈时，转换需要响应的元素会更好
我有一个URL在iOS11(测试版)上与Safari一起工作正常音频/视频工作正常。但是当我用WKWebView加载这个URL时，它给我一个错误“不兼容的浏览器”，当我在WebKit中检查我的浏览器版本时，它显示“iOS11上基于WebKit的浏览器”所以真正的问题是，Apple是否将此更改包含在适用于iOS11开发者测试版的WKWebviewwebkit(应该与Safari相同)中？ 最佳答案 更新:WebRTC支持将在iOS14.3(测试版)中推出?在这里了解更多:https://webkit.org/blog/11353/me
我有一个URL在iOS11(测试版)上与Safari一起工作正常音频/视频工作正常。但是当我用WKWebView加载这个URL时，它给我一个错误“不兼容的浏览器”，当我在WebKit中检查我的浏览器版本时，它显示“iOS11上基于WebKit的浏览器”所以真正的问题是，Apple是否将此更改包含在适用于iOS11开发者测试版的WKWebviewwebkit(应该与Safari相同)中？ 最佳答案 更新:WebRTC支持将在iOS14.3(测试版)中推出?在这里了解更多:https://webkit.org/blog/11353/me
问题:在iOS上z-index使用-webkit-overflow-scrolling时忽略可滚动区域的.如果两个对象带有-webkit-overflow-scrollingoverlap下面的那个被滚动，而不是上面显示的那个。如何复现:创建两个相互重叠的元素(例如position:absolute)，其中一个具有更高的z-index并添加.selector{overflow-y:auto;-webkit-overflow-scrolling:touch;}他们两个。两个元素都应该有足够的内容可以滚动。另外添加到您的.然后将该页面添加到您的主屏幕并从那里启动它。如果您随后尝试滚动上方的
问题:在iOS上z-index使用-webkit-overflow-scrolling时忽略可滚动区域的.如果两个对象带有-webkit-overflow-scrollingoverlap下面的那个被滚动，而不是上面显示的那个。如何复现:创建两个相互重叠的元素(例如position:absolute)，其中一个具有更高的z-index并添加.selector{overflow-y:auto;-webkit-overflow-scrolling:touch;}他们两个。两个元素都应该有足够的内容可以滚动。另外添加到您的.然后将该页面添加到您的主屏幕并从那里启动它。如果您随后尝试滚动上方的
我以前一直在使用iScroll插件，但为了原生行为而想放弃它。最初的实现是使用webkit-overflow-scrolling:auto;但是我将其更新为...webkit-overflow-scrolling:touch..在触摸滚动上启用运动/惯性。问题是导航中包含的列表项在滚动时会完全消失，只有在动量停止后才会返回。这方面的一个例子可以是seenhere 最佳答案 我过去遇到过同样的问题，如果您需要使用定位元素，请尝试将-webkit-transform:translateZ(0);添加到元素或容器中。此属性通常会强制浏览器
我以前一直在使用iScroll插件，但为了原生行为而想放弃它。最初的实现是使用webkit-overflow-scrolling:auto;但是我将其更新为...webkit-overflow-scrolling:touch..在触摸滚动上启用运动/惯性。问题是导航中包含的列表项在滚动时会完全消失，只有在动量停止后才会返回。这方面的一个例子可以是seenhere 最佳答案 我过去遇到过同样的问题，如果您需要使用定位元素，请尝试将-webkit-transform:translateZ(0);添加到元素或容器中。此属性通常会强制浏览器
https://jsfiddle.net/ES4xG/8/使用大量内存。iOSSafari通过某些-webkit-transform指令使用大量内存。这种方法有助于提供更复杂的图形，但似乎会消耗大量内存，甚至可能导致崩溃。上面的演示显示了一个显示150次的文本，否则该文本将在PC浏览器上正常运行:字体大小和元素数量被夸大导致崩溃。-webkit-transform:translate3d(0,0,0)旨在强制GPU加速绘制每个元素。在实际应用中，我们使用的是translateX、Y、Z、scale等看似以相同的方式连接到GPU使用。图像和Sprite也被使用，但它们与崩溃没有直接联系。
https://jsfiddle.net/ES4xG/8/使用大量内存。iOSSafari通过某些-webkit-transform指令使用大量内存。这种方法有助于提供更复杂的图形，但似乎会消耗大量内存，甚至可能导致崩溃。上面的演示显示了一个显示150次的文本，否则该文本将在PC浏览器上正常运行:字体大小和元素数量被夸大导致崩溃。-webkit-transform:translate3d(0,0,0)旨在强制GPU加速绘制每个元素。在实际应用中，我们使用的是translateX、Y、Z、scale等看似以相同的方式连接到GPU使用。图像和Sprite也被使用，但它们与崩溃没有直接联系。
我正在尝试创建一个textarea看起来很像div.但是，在iOS上，有3个像素来self无法移除的地方。这是我的代码:Textareatesttextarea,div{background:yellow;font:13pxarial;border:0;padding:0;border-radius:0;margin:0;-webkit-appearance:none;}testtest这是这样呈现的(我放大了):如屏幕截图所示，我想要删除的文本之前有3个像素。据我所知，这不是边距/填充或边框。这发生在我的iPhone和iPad上，它们都运行iOS4.3。并且要清楚；这3个额外的像素不
