Wie Peak & Pop-Effekt zu deaktivieren (starke Druckwirkung mit Safari auf iPhone 6s)

Question

Ich muss Peak-Effekt (starke Druckwirkung mit Safari auf iPhone 6s) auf "a" -Element in diesem Code (Bootstrap-Umgebung) deaktivieren:

<article> 
 
    <div class="gall-thumbnail"> 
 
    <a data-toggle="modal" href="mod1#"> 
 
     <img src="img.jpg"/> 
 
     <p class="text-center caption">Caption</p> 
 
    </a> 
 
    </div> 
 
    <div class="modal fade" id="mod1"> 
 
    <div class="modal-dialog"> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
 
      <h5 class="modal-title text-center">Caption</h5> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <img src="img.jpg" class="img-responsive"/> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</article>

ich brauche es, weil zu deaktivieren, wenn stark mit Safari auf dem iPhone 6s drückt dann die Bootstrap „modal“ Komponente hier in Konflikt mit „Peak“ ist, und es zeigt Bild anders als vergrößerte img. jpg.

So wäre es schön, "peek" auf "a" -Element zu deaktivieren oder img.jpg vergrößert anzuzeigen, wenn stark mit Safari auf iPhone 6s gedrückt wird.

Answer 1

Wenn Sie spähen möchten, wenn Sie "stark" ein Element auf iOS drücken, können Sie die webkit-user-select und die webkit-touch-callout Eigenschaft auf keine in CSS setzen. Wenn Sie versuchen, es auf alle zu verhindern „a“ Tags könnten Sie so etwas tun:

a{ 
    -webkit-user-select:none; 
    -webkit-touch-callout: none; 
}