피크 & 팝 효과 (iPhone 6의 사파리에서 강한 압력 효과)를 사용 중지하는 방법

Question

이 코드의 "a"요소 (부트 스트랩 환경)에서 피크 효과 (iPhone 6의 사파리로 인한 강한 압력 효과)를 비활성화해야합니다 :

다음 구성 요소는 "피크"와 충돌 여기에있다 "모달"의 부트 스트랩 때문에 아이폰 기가에 사파리로 눌러 강한 경우

<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>

나는 그것을 사용하지 않도록해야하고, 그것을 확대 IMG가 아닌 다른 그림을 보여줍니다. jpg.

"a"요소에서 "peek"을 비활성화하거나 iPhone 6에서 Safari를 강하게 누르면 확대 된 img.jpg를 표시하는 것이 좋습니다.

Answer 1

iOS에서 요소를 강하게 누르는 경우 엿보기를 비활성화하려면 CSS에서 webkit-user-select 및 webkit-touch-callout 속성을 none으로 설정할 수 있습니다. 모든 "a"태그에서이를 방지하려는 경우 다음과 같이 할 수 있습니다.

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