css – 在iOS网页应用程序中摆脱放大镜

前端之家收集整理的这篇文章主要介绍了css – 在iOS网页应用程序中摆脱放大镜前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在探索iOS设备的网络应用程序,并使用PhoneGap创建一个“本机”应用程序.我所遇到的问题是放大镜,我不想在选择段落(或文字位置)时显示.我已经尝试了很多解决方案,但是下一个工作.我使用这个CSS来禁用所有的副本,选择等等我不知道的字段:
*[untouchable] {
    -webkit-user-drag: none;
    -webkit-user-modify: none;
    -webkit-highlight: none;

    -webkit-touch-callout:  none;
    -webkit-user-select:    none;
    -khtml-user-select:     none;
    -moz-user-select:       none;
    -ms-user-select:        none;
    -o-user-select:         none;
    user-select:            none;
}

这样做很好,但是当我触摸并按住文字时,它仍然显示了magnifer / loupe:

是否有真正的解决方案?这将是一个简单的CSS属性,如-webkit放大镜:没有或类似的东西将是非常棒的.如果有一个JavaScript解决方案,那也是可以的,但也许是一个过度的杀手.

由于我使用的是PhoneGap,而是使用UIWebView来显示页面,所以可能会有一种禁用放大镜的方法 – 但是我并没有看到本地源代码.

提前致谢 :-)

解决方法

实现这一目标的唯一方法是从放大镜结合起来,完全去除元件的选择. -webkit-用户选择:无;应该应用于您不想放大镜出现的所有元素.

猜你在找的CSS相关文章