モダンJavaScript Deep Dive-Bender Prepix

この投稿は、poiemawebサイトを参照および参照するためにのみ使用されます.
情報ソース:https://poiemaweb.com/
CS 3規格に決定する前に、またはブラウザ開発者が実験的に提供した機能を使用するには、「ベンダープリインストール」を使用する必要があります.
Can I use?が提供するブラウザ固有のCSSサポート情報を見ると、テキストと要素の選択を防止するuser-selectプロトコルは、すべてのブラウザで「ベンダープリインストール」を使用する必要があります.ブラウザバージョンのアップグレードに伴い、ベンダーのプリインストール版を使用する必要はありません.ただし、古いブラウザをサポートするには、ベンダー修復を使用する必要があります.

* {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}

各ブラウザのベンダープリフィックスは次のようになります.
BrowserVendor PrefixIE or Edge-ms-Chrome-webkit-Firefox-moz-Safari-webkit-Opera-o-IOS Safari-webkit-Android Browser-webkit-Chrome for Android-webkit-
多くのブラウザでベンダー修復を使用すると、コード量が増加し、ブラウザは毎月更新されるため、不要なベンダー修復を使用する可能性があります.不要なベンダープリフィックスを使用するとパフォーマンスに影響を与えるため、Prefix Freeライブラリを使用すると便利です.
使い方は簡単です.Prefix Freeサイトからライブラリをダウンロードして含めるだけで、ベンダーPrepixを使用することなく、すべてのCSSを使用できます.

<script src="prefixfree.min.js"></script>