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?

Import CSS files using judgment conditions

CSS Viewport Units for Fast Layout

Example of using #include file in html

How to view and clean up Docker container logs (tested and effective)

Detailed explanation of the difference between arrow functions and normal functions in JavaScript

After Apache is installed, the service cannot be started (error code 1 appears when starting the service)

How to use js to determine whether a file is utf-8 encoded

MySQL series tutorials for beginners

Detailed analysis of classic JavaScript recursion case questions

MySQL 5.7.15 installation and configuration method graphic tutorial (windows)

How to create a view in MySQL

Recommend

How to use HTML+CSS to create TG-vision homepage

Install MySQL 5.7.18 using rpm package under CentOS 7

A brief analysis of using coredump technology to trace the cause of process crashes in Linux

Web design dimensions and rules for advertising design on web pages

How to deploy redis in linux environment and install it in docker

JavaScript to achieve accordion effect

How to install MySQL 8.0 and log in to MySQL on MacOS

Understanding v-bind in vue

Summary of some common methods of JavaScript array

WeChat applet date and time component (year, month, day, hour, and minute)

JavaScript implements page scrolling animation

Vue practice of preventing multiple clicks

Windows 2019 Activation Tutorial (Office2019)

Detailed explanation of the principle and usage of MySQL views

HTML+jQuery to implement a simple login page