ホームページ >ウェブフロントエンド >htmlチュートリアル >360、Cheetah ブラウザ、その他の高速モードでの css3 互換性の問題を解決_html/css_WEB-ITnose
場合によっては、作成したアニメーションの CSS3 効果が、IE、Google、Firefox などの主流ブラウザの新しいバージョンでは互換性の問題がないことがわかります。たとえプレフィックスを記述しなくても、アニメーションは引き続き問題なく動作する可能性があります。有効と表示されます。次に、ローカルの 360 ブラウザまたは Cheetah ブラウザ (この 2 つだけを試しました) で開くと、アニメーション効果が表示されません。最初はプレフィックスの問題だと思うので、プレフィックスを追加しました。できる場合もあればできない場合もあります。 360 と Cheetah はどちらも Google と IE のデュアルコアを使用しています。なぜこの問題が発生するのでしょうか?これは、360 ブラウザが互換モードとエクストリーム スピード モードに分かれているためです。エクストリーム スピード モードでは互換性の問題が発生しますが、互換モードでは問題が少なくなります。これは、CSS3 がエクストリーム スピード モードでサポートされていないという事実につながります。 。
解決策: メタタグコードを通じて 360 ブラウザ (Cheetah など) のデフォルトの開始モードを変更します。
エクストリーム スピード モード、互換性モード、および IE9 高速モードは、Web ページを表示するときに 360 ブラウザーで使用される 3 つのモードです:
はエクストリーム スピード モードを意味します
は互換性モードを意味します
は IE9/IE10 モードを意味します (インストールされている場合のみ IE9 または IE10 以降で利用可能)
360 Speed Browser は、各 Web サイトに適したブラウジング モードを自動的に選択します。したがって、通常は、複数のカーネルの違いを知る必要はありません。
極速モードでは、Web サイトがすぐに開きますが、一部の Web サイトでは互換性の問題が発生し、極速モードで異常に表示される場合があります。
互換モードでは、Web サイトを開く速度はエクストリーム スピード モードよりもわずかに遅くなりますが、Web ページの互換性の問題は少なくなります。
IE9/IE10 モードでは、Web サイトは IE9/IE10 レンダリング方法を使用してレンダリングされ、ハードウェア アクセラレーションと IE9/IE10 の新しいスクリプト レンダリング エンジンをサポートします。
ブラウジング モードを切り替えると、360 Speed Browser はデュアル コア間でデータを自動的に同期し、デュアル コア間をシームレスに切り替えることができます。
メタ タグは次のとおりです:
head タグにコード行を追加します:
<html><head><meta name="renderer" content="webkit|ie-comp|ie-stand"></head><body></body></html>
content の値は、webkit、ie-comp、ie-stand のいずれかであり、大文字と小文字が区別され、次の内容を表しますWebkit カーネル、IE 互換カーネル、IE 標準カーネルの使用。
ページがデフォルトで超高速カーネルを使用する必要がある場合は、タグ 2e3560c4189039010106a5cc9f144b3a を追加します。
ページがデフォルトで IE 互換カーネルを使用する必要がある場合は、タグを追加しますタグ: 4eda256dbe2343e697d4e4b390123534
ページがデフォルトで IE 標準カーネルを使用する必要がある場合は、タグ: