草庐IT

ipad-compatibility

全部标签

iphone - 浏览器渲染右边距 iPhone/iPad/webkit

我在下面有一个html片段,它可以在所有浏览器中完美呈现。然而,在iPhone和iPad上的webkit中,当我捏住页面(使其变小)时,我看到一个黑色边框,它是主体的背景颜色,仅在右边缘发光。只有当我指定.headerpicdiv的宽度时才会发生这种情况。由于这是我指定宽度的文档中唯一的地方,我想知道为什么它一直没有渲染到右边缘(因为这在理论上是文档中最宽的部分?)。我附上了一张它在我的ipad上的照片。body{background-color:#000;color:#231f20;margin:0;}#wrapper{background-color:#fff;min-height

jquery - iPad:Mobile Safari、HTML5 <video> 和 jquery 转换

我正在为特定于iPad的网站构建一个简单的概念验证,该网站将使用视频转换将用户从一个部分带到另一个部分。出于概念验证的目的,每个“部分”只是一个图像,上面有一个半透明的内容文本框。只有2个部分,“家庭”和“联系人”,他们通过z-indexing将过渡视频夹在中间。概念验证的想法是单击“主页”部分使其消失,然后播放过渡视频,(完成后)消失以显示“联系人”部分。在iPad和适用于Windows和OSX的Safari上,此版本的演示一切正常。这是JS:varmyVideo=document.getElementsByTagName('video')[0];$('document').read

iphone - iPad 和 iPhone html 占位符停止使用 iOS 6.1 更新

ios6.1更新似乎已停止html占位符在iPad和iPhone上的工作。有没有其他人注意到这一点? 最佳答案 作为解决方法,我检测到用户代理然后显示标签而不是依赖于占位符文本。 关于iphone-iPad和iPhonehtml占位符停止使用iOS6.1更新,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14624686/

iphone - 在 HTML 5 网页中播放来自 iPad 的本地视频

有谁知道您是否可以使用HTML5video标签来播放iPad库中的视频?类似于:谢谢你的时间 最佳答案 据我所知,网页无法访问iOS设备的文件系统(因此在iOS上不支持)。用户没有直接访问文件系统的权限,所以如果网页可以访问就很奇怪了。 关于iphone-在HTML5网页中播放来自iPad的本地视频,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3924711/

ipad - 使用 HTTPS 在 iPad Safari 上播放 HTML5 视频

我正在尝试使用HTML5视频元素在iPad(Safari浏览器)上播放.mp4视频。使用HTTP一切正常。但是,当使用HTTPS访问时,视频将不会加载(或播放)。如果我从我的桌面Chrome浏览器访问同一个网站,我可以使用HTTPS加载和播放视频。网络上的其他地方有关于Quicktime和HTTPS无法在iPad上运行的提示。这是同一个问题吗? 最佳答案 您使用的SSL证书可能不是由受信任的iOS/Safari根证书颁发机构(或CA)颁发的。现在的SSL证书很可能是由“中间CA”颁发的。即,受根CA信任的CA。但是,您的浏览器/操作

javascript - iPad Safari 触摸事件

iPad中的MobileSafari浏览器提供或检测了哪些触摸事件?webkit基本上都提供了什么?我有点想在Safari中寻找相当于touchesBegan、touchesMoved等的原生应用程序(IOSSDK).. 最佳答案 iOS和Android浏览器都支持touchStart、touchEnd和touchMove:http://backtothecode.blogspot.com/2009/10/javascript-touch-and-gesture-events.html在iOS上似乎可以检测多点触控事件:http:/

jquery - iPad HTML 焦点

我在iPad上聚焦文本字段时遇到问题。我在哪里使用:$(document).bind("click",function(event){alert('click');focusTextArea();});焦点设置到文本区域,并出现一个键盘。但是,当使用touchend调用时,focusTextArea不会被调用,键盘也不可见。我的focusTextArea函数是:functionfocusTextArea(){$('#textArea').focus();}有谁知道为什么会发生这种情况,以及我如何才能让它发挥作用?TIA,亚当 最佳答案

html - iPad 上的 iOS 11 全屏 Web 应用程序和状态栏出现问题

我有一个专为1024x768分辨率设计的全屏主屏幕网络应用程序,因此它非常适合横向模式下的iPad。或者至少,在iOS11之前是这样。此更新现在在状态栏下呈现内容,将整个页面向下推20像素。我涉及的元标记如下:我的印象是“viewport-fit=cover”会修复此返回到iOS10的行为,在iOS10中状态栏是透明的并且“float”在HTML之上而不是将其向下推。有谁知道这是一个错误还是我做错了什么,所以我可以再次让它全屏显示并完美适应?编辑:这似乎是iOS11的错误,以及全屏网络应用程序的其他问题。https://forums.developer.apple.com/messag

html - 仅在 iPad 上的表格单元格之间有非常细的白色边框

这只发生在iPadRetina和非RetinaiOS5和6上。即使我尝试在表格上设置无边框,也会出现细细的白色边框。您可以在http://codepen.io/anon/pen/Kcexq查看问题示例。查看pb需要iPad或模拟器。仔细看绿色标签有一个白色边框:郑重声明,同样的事情发生在显示为表格单元格时。 最佳答案 出现的细边框似乎是由display:table-row和/或display:table-cell属性引起的。注意:它实际上不是白色边框,它是一种rgba:(0,0,0,alpha);如果更改表格后面的背景颜色,您会看到

html - 在 iPad 和 iPhone 上缩放时背景图像模糊

我正在创建一个网络应用程序,允许用户缩放某些100x100像素的背景图像。当他们双击图像时,我将图像缩放到两倍大小(-webkit-transform:scale(2))。转换完成后,我将100x100像素的图像换成更大的200x200像素的图像。由于某种原因,图像非常模糊。所以我尝试使用img标签而不是div标签来显示我的图像。这里的图像一点也不模糊。这是为什么?我需要使用背景图片来规避iPad和iPhone上的内存限制(如果我使用img标签,我会撞到内存墙)。谁能帮帮我?非常感谢。 最佳答案 我声明了3件事:缩放div会拉伸(s