Import CSS files using judgment conditions

Solution 1: Use conditional import in HTML document, such as inserting the following code in HEAD:

Copy code

The code is as follows:

Solution 2: Use conditional import at the beginning of the CSS document, as shown in the following code:

Copy code

The code is as follows:

[if SafMob]
@import('iphone.css');
[if !SafMob]
@import('non-iphone.css');

The order in which the browser loads CSS:
1. Load the HTML page specified by the URL
2. Parsing HTML
3. Remotely obtain the css file referenced by the link tag
4. Load and execute the obtained css file. When encountering the code @import url("xx.css"), xx.css will be obtained remotely.
5. Load and execute xx.css
You can import up to 31 CSS files through @import. Since each remote retrieval of a CSS file will generate an http link, it is time-consuming, so it is best to use @import as little as possible. 31. I don’t think any project will use so many.

<<: Hbase installation and configuration tutorial under Linux

>>: If I change a property randomly in Vue data, will the view be updated?

Summary of solutions to common Linux problems

Recommend

Detailed tutorial for installing ElasticSearch:7.8.0 cluster with docker

ElasticSearch cluster supports動態請求的方式and靜態配置文件to ...

Summary of basic knowledge and operations of MySQL database

This article uses examples to explain the basic k...

Example analysis of mysql stored procedures that trigger error conditions in stored procedures (SIGNAL and RESIGNAL statements)

This article uses examples to illustrate the erro...

Import CSS files using judgment conditions

Summary of solutions to common Linux problems

Apply provide and inject to refresh Vue page method

Solution to web page confusion caused by web page FOUC problem

MySQL 5.6.15 installation and configuration method graphic tutorial under Windows 8

Use CSS to draw a file upload pattern

Express implements login verification

Why can't the MP4 format video embedded in HTML be played?

Explanation of MySQL's horizontal and vertical table partitioning

Brief analysis of the MySQL character set causing database recovery errors

Parse CSS to extract image theme color function (tips)

Recommend

Detailed tutorial for installing ElasticSearch:7.8.0 cluster with docker

Summary of basic knowledge and operations of MySQL database

Example analysis of mysql stored procedures that trigger error conditions in stored procedures (SIGNAL and RESIGNAL statements)

Several ways to implement image adaptive container with CSS (summary)

Mysql implements three functions for field splicing

Use nginx to dynamically convert image sizes to generate thumbnails

Docker data management and network communication usage

Installation and configuration method of Zabbix Agent on Linux platform

Detailed explanation of the persistence implementation principle of transactions in MySQL

Tips for List Building for Website Maintenance Pages

HTML form tag tutorial (2):

Detailed process of FastAPI deployment on Docker

MySQL 8.0.21 installation and configuration method graphic tutorial

Detailed explanation of the two modes of Router routing in Vue: hash and history

How to import CSS styles into HTML external style sheets