草庐IT

ipad-compatibility

全部标签

html - iPad Web App 在启动时卡住

我正在构建一个主要在iPad上运行的简单网络应用程序。问题是,如果您在应用程序显示启动图片并加载内容时快速双击主页按钮/点击它,应用程序会在启动时卡住。如果您尝试快速打开/关闭应用程序,您可能会明白我在说什么。一旦应用卡住,它就会卡在显示主页内容的主屏幕上。按主页按钮不会将您带回主屏幕。按下电源按钮也不会锁定屏幕。您必须进行硬重置(同时按下主屏幕按钮和锁定按钮)。我认为这里的问题可能是启动图像。有人遇到过这个吗?测试设备为安装了iOS6.0的iPad3。以下是最基本的HTML(仍然会导致应用卡住):MobileTest 最佳答案 摆

html - iPad Web App 在启动时卡住

我正在构建一个主要在iPad上运行的简单网络应用程序。问题是,如果您在应用程序显示启动图片并加载内容时快速双击主页按钮/点击它,应用程序会在启动时卡住。如果您尝试快速打开/关闭应用程序,您可能会明白我在说什么。一旦应用卡住,它就会卡在显示主页内容的主屏幕上。按主页按钮不会将您带回主屏幕。按下电源按钮也不会锁定屏幕。您必须进行硬重置(同时按下主屏幕按钮和锁定按钮)。我认为这里的问题可能是启动图像。有人遇到过这个吗?测试设备为安装了iOS6.0的iPad3。以下是最基本的HTML(仍然会导致应用卡住):MobileTest 最佳答案 摆

html - “ block 样式”单选按钮适用于除 iPad 以外的所有设备

我有一组单选按钮,并设置了它们的样式,使它们显示:block,使它们看起来像按钮(也隐藏了单选按钮本身)。这在台式机和Android平板电脑上的Chrome和Firefox中运行良好......但不适用于iPad。看这里:http://jsfiddle.net/WhNRK/无论出于何种原因,block元素在iPad上都不是“事件的”并且不会设置单选按钮。如果我“取消隐藏”单选按钮,您可以看到单击该block时它没有被选中。但是,如果我单击实际的单选按钮本身,它会正确选择,甚至会按应有的方式更改block元素的背景颜色!http://jsfiddle.net/WhNRK/1/关于导致这种

html - “ block 样式”单选按钮适用于除 iPad 以外的所有设备

我有一组单选按钮,并设置了它们的样式,使它们显示:block,使它们看起来像按钮(也隐藏了单选按钮本身)。这在台式机和Android平板电脑上的Chrome和Firefox中运行良好......但不适用于iPad。看这里:http://jsfiddle.net/WhNRK/无论出于何种原因,block元素在iPad上都不是“事件的”并且不会设置单选按钮。如果我“取消隐藏”单选按钮,您可以看到单击该block时它没有被选中。但是,如果我单击实际的单选按钮本身,它会正确选择,甚至会按应有的方式更改block元素的背景颜色!http://jsfiddle.net/WhNRK/1/关于导致这种

html - iPad/ios6 不渲染 png 背景图片

在ios5上,网站加载正常且看起来正确。自ios6以来,我网站上使用png图像作为背景的部分开始在iPad上呈现,但随后背景无缘无故地变为黑色(注意所有其他部分保持正确的颜色)。代码:titlethetext.Thetext.CSS:#showcase{background:url(../images/showcasebg.png)repeat-x#ededed;height:600px;position:relative;top:87px;}#showcaseh2{float:left;max-width:422px;font-family:'Lobster',cursive;fon

html - iPad/ios6 不渲染 png 背景图片

在ios5上,网站加载正常且看起来正确。自ios6以来,我网站上使用png图像作为背景的部分开始在iPad上呈现,但随后背景无缘无故地变为黑色(注意所有其他部分保持正确的颜色)。代码:titlethetext.Thetext.CSS:#showcase{background:url(../images/showcasebg.png)repeat-x#ededed;height:600px;position:relative;top:87px;}#showcaseh2{float:left;max-width:422px;font-family:'Lobster',cursive;fon

iPad3 网络应用启动画面无法在横向模式下工作

我为iPad构建了一个HTML5网络应用程序,它在横向和纵向模式下使用启动画面。我使用下面的链接标签让它工作。图像在iPad1和2上运行良好,但是在iPad3上,横向模式下的启动画面显得不合适,纵向模式下工作正常。我必须为横向模式使用不同的图像还是必须更改链接标签? 最佳答案 高分辨率iPad启动图像的大小(以像素为单位):1536x2008(纵向)2048x1496(横向)来源:apple将此添加到您的媒体查询中:和(-webkit-min-device-pixel-ratio:2)以针对新iPad,例如:

iPad3 网络应用启动画面无法在横向模式下工作

我为iPad构建了一个HTML5网络应用程序,它在横向和纵向模式下使用启动画面。我使用下面的链接标签让它工作。图像在iPad1和2上运行良好,但是在iPad3上,横向模式下的启动画面显得不合适,纵向模式下工作正常。我必须为横向模式使用不同的图像还是必须更改链接标签? 最佳答案 高分辨率iPad启动图像的大小(以像素为单位):1536x2008(纵向)2048x1496(横向)来源:apple将此添加到您的媒体查询中:和(-webkit-min-device-pixel-ratio:2)以针对新iPad,例如:

javascript - 如何在 iPad safari 的只读 html 元素中启用用户选择?

我在iPad上的网页中有一个HTML元素,它必须是只读的以防止用户更新内容,使用readOnly='readOnly'使元素不可选择并且元素的文本内容根本无法复制。有没有办法让元素只读,用户可以选择/复制文本内容???? 最佳答案 只是我删除了readOnly属性并添加了以下onkeydown和oncut事件来模拟readOnly行为 关于javascript-如何在iPadsafari的只读html元素中启用用户选择?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 iPad safari 的只读 html 元素中启用用户选择?

我在iPad上的网页中有一个HTML元素,它必须是只读的以防止用户更新内容,使用readOnly='readOnly'使元素不可选择并且元素的文本内容根本无法复制。有没有办法让元素只读,用户可以选择/复制文本内容???? 最佳答案 只是我删除了readOnly属性并添加了以下onkeydown和oncut事件来模拟readOnly行为 关于javascript-如何在iPadsafari的只读html元素中启用用户选择?,我们在StackOverflow上找到一个类似的问题: