IOS、アンドリュース遠位互換性

1.日付の互換性

2.inputフレームフォーカス、iOSの概要やシェーディング発生し、通常の表示アンドリュース

  • ソリューション
入力:フォーカス{概要:なし} 
入力:{ -webkit-外観:なし;}

フレックスレイアウトに関しては3

  • 回避策
    プロパティをラップが、プロパティのIOSシステムサポートラップ、それを解決するためにどのようにこの時間:アンドロイドの下位バージョンのためのフレックスレイアウトは、フレックスラップをサポートしていませんか?もちろん、それは改行ではありません。
    あなたがラインのレイアウトを変更するために使用する必要がある場合は、それが大きな外側のdivに包まれ、その後、いくつかの小さなのdivに設定され、divのレイアウト各小フレックスです(ただし、ああ折り返されません)。(私はあなたが私を理解することを願ってあなたが理解していない場合、あなたは一番下にメッセージを残すことができる、つまり、I)は、リアルタイムでの回答を行います

4.iosシステムは、電話番号、原因の変色などのデジタルになります

  • ソリューション
<メタ名= "フォーマット検出"コンテンツ= "電話= NO"> 
<メタHTTP-当量= "X-リムオートマッチ"コンテンツ= "NONE">

上記のコードは、<HEAD>タグに追加され

識別は、電子メールアンドリュース禁止されています

  • ソリューション
<メタコンテンツ=「メール= no」の名=「フォーマット検出」/>

プロパティ6.inputテキストプレースホルダは、位置ずれを起こします

  • ソリューション
行の高さ:(入力フレームや高さなど高い)--- PC端末ソリューションの
ライン -height:通常の移動終了ソリューション---

7.inputタイプ=番号の後に、上下の矢印のPCの終わりが表示されます

入力:: - webkitの-外-スピンボタン、
入力:: -webkit-インナースピンボタン{
     -webkit-外観:なし!重要; 
    マージン: 0 ; 
}

8.禁止公表 - Android携帯電話の一部のみのCSSプロパティを設定する必要があり、このような増幅を禁止する必要があるとして、画像をクリックして拡大します

IMG { 
    ポインタ - イベント:なし。
}

imgタグを使用すると、画像のクリックイベントに追加したい場合は、上記の層に書くと、イベントをクリックして失敗します。

9.禁止のページズーム

所望のスケーリングIOSが禁止ならば、そのようなシステムは、故障ios10設けられて、次のコードは、プロ試験に有用です

window.onload = 関数(){ 
      禁止双击放大
      document.addEventListener( 'touchstart'、関数(イベント){  
             場合(event.touches.length> 1 ){   
                event.preventDefault();   
            }   
        })   
        VAR lastTouchEnd = 0 
        document.addEventListener( 'touchend'、関数(イベント){  
             varが今=(新しい日付())getTime();  
             もし(現在-lastTouchEnd <= 300 ){   
                event.preventDefault();   
            }   
            lastTouchEnd = 今;   
        }、falseに
      禁止ジェスチャーが拡大
      document.addEventListener( 'gesturestart'、関数(イベント){ 
         ; event.preventDefaultを()
      }); 
}

このような非クリッカブル要素(ラベル、スパン)など、いくつかの状況の下で、10は、クリックイベントをリッスンIOS、CSSの増加カーソルでは発生しません:ポインタが(テストされていない)を取得します

11.カトンは遅く、上下スクロールバーを引っ張る(テストしていません)

本体{
 -webkit-overflow- スクロール:タッチ。
オーバーフロー - スクロール:タッチ。
}

Android3 +とiOS5を+ CSS3はオーバーフロースクロールのための新しいプロパティをサポート

エピローグ

  • 上記との互換性は、状況がすごい自分の非難に応じてください、解決できない場合は個人的な経験によると、これらの方法は、実現可能である、開発中に遭遇されています!
  • 遭遇した他の状況がある場合、私は記事の完了後にCipianますので、互換性は、完全ではないかもしれません。

おすすめ

転載: www.cnblogs.com/web-record/p/11635479.html