iOS web uygulamasında büyüteçten kurtulun

Question

Şu anda iOS cihazları için web uygulamaları araştırıyorum ve bunun dışında bir "yerel" uygulama oluşturmak için PhoneGap'i kullanıyorum. Bununla ilgili sorun, paragrafları (veya metinlerin bir kısmını) seçerken gösterilmek istemediğim büyüteç. Çok fazla çözüm denedim ama nether çalışıyor.

*[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; 
} 

Bu iyi çalışır, ama dokunma ve metin üzerinde basılı tuttuğunuzda hala magnifer/büyüteç gösterir:

ben wan't bu alanlar için tüm kopyalama, seçimi ve bu tür devre dışı bırakmak için bu CSS kullanabilirsiniz

Bunun için gerçek bir çözüm var mı? -webkit-magnifier: none gibi basit bir CSS özelliği veya böyle bir şey ile harika olurdu. Bir JavaScript çözümü varsa, bu da iyi olurdu, ama belki bir overkill.

PhoneGap'ı kullanıyorum ve sayfayı göstermek için UIWebView'ı kullandığından, bunun için büyüleyiciyi devre dışı bırakmanın bir yolu olabilir - ancak yerel kaynağa fazla bakmadım.

Answer 1

Bunu gerçekleştirmek için tek yol :-) önceden

sayesinde büyüteç yurtiçinde olduğundan seçimin tamamen unsurları kurtulmak etmektir. Büyütücünün görünmesini istemediğiniz tüm öğelere -webkit-user-select:none; uygulanmalıdır.

Answer 2

Bu, bu benim için mükemmel çalıştı ben

* { 
     -webkit-touch-callout: none; 
     -webkit-user-callout: none; 
     -webkit-user-select: none; 
     -webkit-user-drag: none; 
     -webkit-user-modify: none; 
     -webkit-highlight: none; 
}