私が設定しようとしているこのレスポンシブ レイアウトを見てください。
http://www.marcopragliola.com/sites/exp/layout.php
レスポンシブな bootstrap.js とレスポンシブ Web ギャラリー (FlexSlider) を実装しました。
私の問題は、Chrome を搭載した Android スマートフォンやタブレットでギャラリーを表示またはスクロールすると、ギャラリー全体に奇妙な水平線が表示されることです。デスクトップブラウザでは、どのサイズでも問題ありません。問題について何か考えはありますか？
タッチデバイスでは正常です。CSS を次のように定義します。
.removeOutline{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
このクラスをこのようにギャラリーに追加します。
<div class=".removeOutline">
<a href="#">Any text</a>
</div>
使用できます
-webkit-tap-highlight-color:transparent;
ただし、iOS デバイスでのみ機能します。それがあなたを助けることを願っています。