Tag: css3

CSS风格的滚动条支持iOS 6上的Safari移动消失了？

我有一个问题，可能是因为苹果，我无法find有关它的信息。 昨天，我用webkit css属性（-webkit-scrollbar，-webkit-scrollbar-track，-webkit-scrollbar-thumb）剥皮了一个网站的滚动条，所以它在iPad上很好地显示。 一切都很好看，滚动与本机的行为。 突然，今天早上，更新我的iPad到iOS6后，我的自定义滚动条消失。 这对我来说是一个很大的失望，当然在苹果的开发者网站上没有关于这方面的信息。 任何人都经历过同样的问题？ 你能证实这个问题吗？ 是一些新的规格来或苹果只是停止支持这？

转换不工作在IOS

所以我面对这个小问题在iOS上实现这个代码，因为我不熟悉iOS的工作原理。 我有这个圈子，我在我的网站上使用，它的工作完美的浏览器和Android设备，但是当涉及到iOS它打破了，所有的学位来到中心。 如果有人能帮我解决这个问题，我会很高兴的。 HTML <div class='circle-container'> <div class="center"> Center </div> <div class="deg90">1</div> <div class="deg315">2</div> <div class="deg0">3</div> <div class="deg110">4</div> <div class="deg135">5</div> <div class="deg180">6</div> <div class="deg225">7</div> </div> CSS： .circle-container { position: relative; width: 15em; height: 14em; padding: 2.8em; /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/ border: dashed 0px; […]

iOS Safari使用“-webkit-transform”运行内存不足

http://jsfiddle.net/ES4xG/8/崩溃大多数视网膜设备。 iOS Safari使用一些-webkit-transform指令时，“容易”内存不足，崩溃。 这种方法提供令人印象深刻的graphics，但特别是在视网膜显示器，似乎只消耗大量的内存，导致崩溃。 上面的演示显示了一个文本显示的150倍，否则将在PC浏览器上正常运行： 字体大小和元素数量被夸大，导致崩溃。 -webkit-transform: translate3d(0,0,0)旨在强制GPU加速绘制每个元素。 在实际应用中，我们使用的是translateX ， Y ， Z ， scale和其他似乎与GPU使用相同的方式。 图像和精灵也被使用，但它们并没有直接连接到崩溃。 鉴于以上情况： 1）iOS Safari崩溃了吗？ 2）插入苹果公司仪器内存监视器，虚拟内存攀升，似乎是崩溃的罪魁祸首。 究竟是什么使用这个内存？ 3）有没有其他GPU加速的方法，不会消耗大量的内存？

-webkit-text-size-adjust做什么？

我试图了解使用-webkit-text-size-adjust:none; 。 添加/删除，不影响我的Android（铬）或iOS（Safari和铬）的字体大小。 那有什么用？

jQuery Mobile防止页面转换之前的滚动到顶部？

当我点击一个列表项时，转到另一个页面，当前页面跳转到屏幕的顶部，然后转换到下一页。 这个问题发生在jQM 1.2中，并且在新发布的1.3版本中仍然没有修复。 有谁知道如何防止滚动到顶部，并记住使用后退button时的滚动位置？ 这种恼人的行为是不可接受的，并打破了整个应用程序的经验。 我使用它作为一个Web应用程序，在iPhone 4S，与iOS 6.1.2。

iPhone 6和6 Plus媒体查询

有谁知道特定的屏幕大小，针对iPhone 6和6 Plus的媒体查询？ 此外，图标大小和闪屏？