css - 在 Jquery Mobile 中，如何在 iPad 的手机间隙应用程序中禁用放大镜？

Question

我使用了以下 CSS 来禁用上下文菜单(例如:- 复制、粘贴等)，但它没有禁用放大镜:-

body { 
  -webkit-touch-callout: none ;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

PFA 截图供引用:-

请指点解决方法，谢谢

Answer 1

好吧，这在理论上应该可行，但您应该将 CSS 直接设置在 Div(s) 和您不希望 mag 玻璃出现而不仅仅是 (body) 的元素上。如果你想要功能，你可能需要删除其中的一些，例如 (input) ---

html, body, div, input, span, object,
form, h1, h2, button, label, a, img {
 -webkit-touch-callout: none ;
 -webkit-user-drag: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 }