一般的な CSS プロパティのブラウザ互換性の概要 (推奨)

一般的な CSS プロパティのブラウザ互換性の概要 (推奨)

CSS プロパティのブラウザ互換性をまとめる必要があるのはなぜですか?使用する際は、Can I Use にアクセスして、ブラウザと属性の互換性を確認したほうがよいのではないでしょうか。

css3.jpeg

実際、実際の開発プロセスでは、開発効率を大幅に向上させ、適切にデグレードできるコードを書くために、一般的な CSS 属性の互換性を明確にする必要があります。 CSS 属性の互換性をすべて覚えなければならないという意味ではありません。使用率が低いものについては、直接 Can I Use を使用して検索することができます。

フレーム:

  • border-radius: IE9 との互換性は最低限あり、他のブラウザとの互換性も優れています。
  • box-shadow: IE9 との互換性は最低限あり、他のブラウザとの互換性は優れています。

背景:

background-size: IE9 との互換性が最低限必要ですが、他のブラウザとの互換性は優れています。

フォント:

@font-face: IE9 以降のバージョンの IE ブラウザは、あらゆる形式のフォント ファイルのインポートをサポートしていますが、IE9 より前のブラウザは EOT 形式のフォント ファイルのインポートのみをサポートしています。 他のブラウザも互換性があります。

2D変換:

transform: IE9 との最低限の互換性 (-ms- プレフィックスを追加する必要があります)、他のブラウザとの互換性は優れています。 transform プロパティの前にブラウザ カーネル プレフィックスを追加することをお勧めします。 svg 要素で transform 属性を使用することは推奨されません。また、最新バージョンの IE ではこの使用法はサポートされていません。

3D変換:

IE10 と Firefox は 3D 変換をサポートしています。 Chrome と Safari ではプレフィックス -webkit- が必要です。 Opera はまだ 3D トランジションをサポートしておらず、2D トランジションのみをサポートしています。

遷移:

移行: IE10 との最低限の互換性があり、他のブラウザとの互換性も優れています。 Safari ブラウザではプレフィックス -webkit- が必要ですが、他のほとんどのブラウザではこのプレフィックスは必要ありません。したがって、特別な状況を除いて、他のブラウザのプレフィックスを追加する必要はありません。

アニメーション:

animation: 互換性は transition プロパティとほぼ同じです。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  Ubuntu Server 18.04.5 LTS サーバー エディションのインストールと構成のグラフィック チュートリアル

>>:  W3C チュートリアル (8): W3C XML スキーマのアクティビティ

推薦する

Vue テンプレートのコンパイルの詳細

目次1. 解析する1.1 傍受のルール1.2 傍受プロセス部分1.3 パーサーの概要2. 最適化する...

Linux usermod コマンドの使用

1. コマンドの紹介usermod (ユーザー変更) コマンドは、ユーザー アカウントを変更するため...

YUMを使用してdockerをインストールする方法

次の図に示すように: Centos 7.0以上であれば問題ありません。現在のシステム カーネル バー...

Linux calコマンドの使用

1. コマンドの紹介cal (カレンダー) コマンドは、現在の日付または指定された日付のグレゴリオ暦...

Vue命令の実装原理の分析

目次1. 基本的な使い方2. 指示の動作原理2.1. 初期化2.2 テンプレートのコンパイル2.3....

純粋な CSS を使用してドロップダウン メニューを作成するサンプル コード

導入:最近の面接の質問を見ると、ドロップダウン メニューを実装するために CSS を使用することが多...

Vue で PC 解像度の適応を実装するためのサンプルコード

目次プラン依存関係をインストールする依存関係の導入pxをremに変換するFlexible.jsを変更...

HTML でナンバープレート番号と州の略語を入力するためのサンプルコード

原理としては、まずボタン付きの div を記述し、次に画面のサイズに応じて自動的に適応してキーボード...

面接でよく聞かれる Vue 修飾子 13 個

目次1. 怠惰な2.トリム3.番号4.停止5. キャプチャ6.自分7.一度8.予防する9.ネイティブ...

Docker バインディング固定 IP/クロスホストコンテナ相互アクセス操作

序文これまでは、パイプワークで割り当てた静的 IP は一時的なものであり、再起動すると無効になってい...

React Native環境のインストールプロセス

react-native インストールプロセス1.npx react-native init Awe...

element-uiのアップロードコンポーネントでファイルやその他のパラメータを転送する際の問題を分析する

最近、element-ui を統合したプロジェクトで vuethink を使用しました。以前は bo...

ランダムな文字を生成する Java サンプルコード

サンプルコード: java.util.Random をインポートします。 java.util.UUI...

MySQL ストアド プロシージャ (in、out、inout) の詳細な説明

1. はじめにバージョン 5.0 以降でサポートされています。特定の機能を実行するための SQL ス...