Tag: 移动

iOS CSS不透明度+可见性转换: 在桌面浏览器（ JSFiddle ）中查看以下testing： a { background: gray; display: block; margin: 100px; padding: 100px; } a span { opacity: 0; -webkit-transition: 0.5s; visibility: hidden; } a:hover span { opacity: 1; -webkit-transition: 0.5s; visibility: visible; } <a href="#">a <span>span</span></a> 将鼠标hover在锚点元素上，span元素就会像应该那样淡入。现在通过一个iOS设备来看看。结果：它什么都没做。事实：如果转换属性不存在，则可以使用。如果不透明或可视性属性不存在，则可以使用。没有为不透明或可见性属性引发webkitTransitionEnd事件。有没有解决办法？

PhoneGap和iPhone 5：删除顶部和底部的黑色条纹: 我正在使用PhoneGap为iOS构build移动应用程序。最近，我下载了新的Xcode，并在iPhone5模拟器上运行应用程序。该应用程序运行良好，但有两个黑色的条纹和应用程序的底部和顶部。我知道这是苹果公司向后兼容不适用于iPhone 5的4英寸屏幕的旧应用程序的方式。是否有可能使PhoneGap应用充分利用新的4英寸屏幕iPhone 5？

为什么/何时必须点击两次以触发iOS上的点击: 好吧，我觉得我疯了… 我在iOs 6.0上看移动Safari。我似乎无法build立任何押韵的原因，当点击一个元素将触发点击。在很多情况下，似乎我需要点击一次触发hover，然后再次触发点击。 Mobile Safari规范说：“…单手指和双手指手势生成的事件stream是有条件的，取决于所选元素是可点击还是可滚动的…可点击元素是链接，表单元素，图像地图区域，或任何其他元素与鼠标移动，mousedown，mouseup，或onclick处理程序…由于这些差异，您可能需要将您的元素更改为可点击的元素…“ 它继续build议开发者“…添加一个虚拟onclick处理程序，onclick =”void（0）“，以便iOS上的Safari将span元素识别为可点击的元素。但是，我的testing显示这些陈述是错误的。 JsFiddle： http : //jsfiddle.net/6Ymcy/1/ HTML <div id="plain-div" onclick="void(0)">Plain Div</div> JS document.getElementById('plain-div').addEventListener('click', function() { alert('click'); }); 尝试点击iPad上的元素。什么都没发生但是我离题了。对我来说重要的是找出以下问题：确切地说，什么是判断什么时候点击一个元素将触发一个“点击”事件的第一个水龙头？而不是在第一次点击时触发“hover”事件，在第二次敲击时点击“点击”事件。在我的testing中，锚点元素是我可以在第一个水龙头上触发点击的唯一元素，然后，只是偶尔和不一致。这是我开始感到疯狂的地方。我在网上search了很多，几乎找不到这个问题。只有我吗？！是否有人知道在哪里讨论过双击的标准或处理这些限制的方法？我很乐意回答问题/要求。谢谢！

在使用溢出时，在移动/ ios上滚动缓慢：滚动: 要设置一个canvas外的菜单，我必须将主体设置为“overflow：hidden”，以从主体中删除滚动，并将其添加到“overflow-y：scroll”内容周围的容器中。当我这样做的时候，似乎减慢了在移动设备上的滚动，特别是在iOS设备上。从身体移动滚动条是否有某种性能问题？

iTunes的API，查找捆绑ID？: 有什么方法可以使用iTunes API来查找基于独特应用程序bundleId的信息吗？我有一个iPhone应用程序，我想使用API来检查，看看用户是否有最新版本。使用search吸收，因为它的模糊（可以返回大量的结果）。我宁愿不必遍历结果集寻找我的bundleId .. 我不是在设备端寻找一种方法（不是目标c）。我想在我的服务器上创build服务器端代码，当/如果苹果使API改变时隐藏。

PhoneGap：缩放带有视口的网页: 我创build了一个应用程序的快速原型，我们将在工作中构build，以便我们可以对某些function进行快速的用户testing。我的devise师创build了640像素宽的图像，以匹配iPhone 5的分辨率。为了简单快捷，我使用了这个视口标签： <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no"> 这在移动Safari中完美的工作，但现在，我已经把它包装在PhoneGap中，它的行为就像scale被设置为1.任何想法，我需要做什么来解决这个问题？谢谢。

背景：固定不重复不在移动工作: 我正在build立一个网页，我想要的背景图像缩放以适应整个屏幕，保持纵横比和固定（所以如果向下滚动，背景图像保持在同一个地方）。我已经在桌面浏览器中使用CSS实现了这一点，但是它不适用于iPhone或iPad。在这些设备上，背景太大（继续低于折叠），如果向下滚动足够远，图像将开始重复。任何人有一个修复？谢谢！ HTML { background: url(photos/2452.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }