小さな問題のモバイル終わり

イベントに200〜300msの遅延の問題をクリックしてください

携帯端末のデフォルトレイアウトビューポートの幅が980個のピクセル、ページ上のテキストはすぐに元のサイズに復元されたWebページを作るために、非常に小さいですので、Safariが新たに機能をダブルクリックしてズームを導入しました:ユーザーが携帯電話のページをダブルクリックしたときにインテリジェントにブラウザのズーム元のサイズに現在のページ。

ダブルクリックしてスケーリング原理は、ユーザーのクリックが一度、ブラウザが検出時期について300msのは、別のクリックを持った後、いずれかの場合には、ページを拡大縮小するかどうかということです。それ以外の場合は、クリックイベントです。

ダブルズームする]をクリックし、クリックトリガイベントの存在のために、約200〜300ミリ秒の遅延が発生します。

DBLCLICK障害イベント

無効また、DBLCLICKイベントのPCの終わりをダブルクリックしてズームの存在に。

方法1:(metaタグで設定)を無効にスケーリングChormとFirfoxのサポート、サファリあまりにも面倒彼ダブルタップズームやスクロール操作をダブルクリックしていました

<メタ名=「ビューポート」コンテンツ =「ユーザースケーラブル=なし、初期規模= 1、する最大の規模= 1」/>
ページスケーラブルではない、ダブルクリックズーム機能は意味がありませんように、あなたは、デフォルトのブラウザを無効にすることができますスケーリング動作を削除し、300ミリ秒の遅延をクリックしてダブルクリックします。

短所:完全に自分の目標を達成するために、ズームを無効にする必要がありますが、通常の状況下では、我々は、を介して2本の指がズームすることを願っています

方法2:(メタタグに設定された)デフォルトのビューポートの幅ChormとFirfoxサポート、サファリあまりにも面倒彼はスクロール操作をダブルタップズームだけでなく、ダブルクリックしていたの変更

<メタ名=コンテンツ「ビューポート」 =「幅=装置幅」/>を
あなたがサイトを特定できる場合は、応答部位である、その後、携帯端末のブラウザは自動的に動作をクリックして、300ミリ秒の遅延を取り除くダブルクリックしてズームを無効にすることができます。

メタタグの上に設定し、ブラウザは、サイトがモバイルエンド用に最適化されていると思うかもしれ、ダブルクリックして操作する必要がフィットなかったです。

利点:完全に無効にしないスケーリングが、ブラウザのデフォルトのダブルクリックのスケーリング動作を無効にするが、ユーザーはまだ二本の指でページズーム操作をズームすることができます。

方法3:CSSのタッチアクションIEのサポート

タッチアクション:対応する要素は、ユーザーエージェント(ブラウザ)上のデフォルトの動作をトリガすることができます指定します。

タッチアクションの設定プロパティ値:どれも、それはその要素上で動作するユーザエージェントのデフォルト動作のいずれかをトリガしません示していません。300ミリ秒の判断を遅らせる必要はありません。

方法4:FastClickは、具体的には、携帯端末のブラウザのクリックが300msに軽量なライブラリを開くために作られた待ち時間の問題に対処します。

原理:touchendイベントを検出すると、カスタムイベントがすぐにDOMによって発行されたクリックイベントをシミュレートし、クリックイベントが300msの後に停止するように送り出されました。

 

 写真の3pxの問題

理由:主に垂直整列デフォルト値に起因する画像は、ベースラインで、画像の下にこの目的のためのデフォルトがより3pxの値となるの垂直配向の。

ソリューション:

1.垂直整列底部に画像の垂直配向の値を設定し、我々はこの問題を解決することができます。

前記画像表示は、ブロック、および幅と高さを指定するために設定されています。

前記画素幅と高さと同じ画像容器を設定します。

 

 

エンド携帯電話の普及の問題をクリックしてください

すぐにページに切り替えるには[戻る]ボタンをクリックした後、このページに返されるhref属性を持つだけでなく、タグの範囲内に戻るボタンの場所は、タブページを持っている場合は、300msのトリガー後のクリックイベント、これにより、予想外のジャンプラベルをトリガ、これは典型的なクリックの浸透の問題です。実際には、犯人は、クリックイベントタグジャンプデフォルトがトリガされており、トリガーされるモバイルタッチイベントの終了後、まだ300msの後にクリックイベントをトリガします。

解決策:
1.トリガー・クリックは、イベント終了後のタッチイベントを防ぐためです。
2.タッチをミックスして、イベントをクリックしないでください。(fastclickを除く)300msの遅延問題を解決するため、明らかに、クリックイベントを結合していない、彼らは唯一の、イベントに触れ、このイベントがトリガされることはありません]をクリックしバインドされています。

注意:タップzeptoイベントの使用はまだ問題に浸透クリックにつながるようzeptoは、クリックイベントを防ぐことはできませんでした、手動でクリックイベントを停止するe.preventDefaultを()を追加する必要があります。

おすすめ

転載: www.cnblogs.com/NightTiger/p/11441710.html