css - ピーク＆ポップ効果を無効にする方法（iPhone 6sのSafariで強圧の効果）

Question

このコード (ブートストラップ環境) の "a" 要素でピーク効果 (iPhone 6s の Safari での強い圧力の効果) を無効にする必要があります。

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

iPhone 6s の Safari で強く押すと、ブートストラップの「モーダル」コンポーネントが「ピーク」と競合し、拡大された img.jpg 以外の画像が表示されるため、無効にする必要があります。

そこで、「a」要素の「peek」を無効にするか、iPhone 6s の Safari で強押しすると img.jpg が拡大表示されるようにするとよいでしょう。