判定条件を使用してCSSファイルをインポートする
|
解決策 1: HEAD に次のコードを挿入するなど、HTML ドキュメントで条件付きインポートを使用します。 コードをコピー コードは次のとおりです。<!--[IE 6の場合]> <link rel="スタイルシート" href="ie.css" type="text/css" /> <![endif]--> <!--[IEの場合]> <link type="text/css" media="screen" rel="stylesheet" href="js/colorbox-custom-ie.css" title="クリーンさ" /> <![endif]--> 解決策 2: 次のコードに示すように、CSS ドキュメントの先頭で条件付きインポートを使用します。 コードをコピー コードは次のとおりです。[SafMobの場合] 'iphone.css' をインポートします。 [!SafMobの場合] @import('non-iphone.css'); ブラウザが CSS を読み込む順序: 1. URLで指定されたHTMLページを読み込む 2. HTMLの解析 3. リンクタグで参照されている CSS ファイルをリモートで取得する 4. 取得した CSS ファイルを読み込んで実行します。コード @import url("xx.css") に遭遇すると、xx.css がリモートで取得されます。 5. xx.cssを読み込んで実行する @import を使用すると、最大 31 個の CSS ファイルをインポートできます。CSS ファイルをリモートで取得するたびに http リンクが生成され、時間がかかるため、@import はできるだけ使用しないことが推奨されます。 31. これほど多くの数を使用するプロジェクトはないと思います。 |
<<: ろうそくを溶かす（水滴）サンプルコードを実現する純粋な CSS
>>: Vue データ内のプロパティをランダムに変更すると、ビューは更新されますか?
推薦する
Nginx URL 書き換えメカニズムの原理と使用例
URL 書き換えは、Web サイトの優先ドメインを決定するのに役立ちます。同じリソース ページの複数...
CentOS 7 に mysql5.7 の解凍バージョンをインストールするチュートリアル
1. mysqlの圧縮パッケージを/usr/localフォルダに解凍し、名前をmysqlに変更します...
ReactでuseStateを使用する詳細な例
使用状態useState は、関数コンポーネント内で呼び出すことで、コンポーネントに内部状態を追加し...
MySQLとOracleの違いを簡単に説明してください
1. Oracle は大規模データベースですが、MySQL は小規模から中規模のデータベースです。O...
面接でよく聞かれる Vue 修飾子 13 個
目次1. 怠惰な2.トリム3.番号4.停止5. キャプチャ6.自分7.一度8.予防する9.ネイティブ...
無効な Nginx クロスドメイン設定 Access-Control-Allow-Origin の解決策
nginx バージョン 1.11.3次の構成を使用すると、検証は無効になり、クロスドメインの問題が依...
Docker 接続 MongoDB 実装プロセスとコード例
コンテナが起動した後まず管理者にログインして新しいユーザーを作成してください $ docker ex...
Dockerfileを使用して独自のイメージを作成する方法
1. 空のディレクトリを作成する $ cd /home/xm6f/dev $ mkdir myapp...
HTML 固定タイトル列、タイトル ヘッダー テーブル固有の実装コード
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
Ubuntu 18.04 サーバーのパスワードを忘れたり改ざんされた場合にパスワードをリセットする方法
最近、サーバー上のアカウントが2つハッキングされ、パスワードが改ざんされました。幸い、まだ使えるアカ...
この記事はVueのライフサイクルを理解するのに役立ちます
目次1. beforeCreate & created 2. マウント前とマウント済み3. ...
MySQL でデータ テーブルを作成し、主キーと外部キーの関係を確立する方法の詳細な説明
序文MySQL テーブルの主キーと外部キーを作成するときは、次の点に注意する必要があります。主キーと...
さまざまなReact状態マネージャーの解釈と使用方法
まず、状態マネージャーとは何か、そしてそれが何をするのかを知る必要があります。複数のページで同じプロ...
EChartsマルチチャート連携機能の実装プロセス
表示するデータが多い場合、1 つのチャートに表示しても効果はよくありません。このとき、2 つのチャー...
HTML 名 ID とクラスの違い_PowerNode Java アカデミー
名前タグの名前を指定します。形式 <input type="text" n...