Loading different css solutions for different browsers at different resolutions

The browsers of different IE versions have different interpretations of the WEB standard pages we have created. Specifically, they have different interpretations of CSS. To be compatible with these, we can use conditional annotations for their respective definitions, to achieve compatibility. For example:

<! -First, use the css.css style sheet.->

<Link rel = "stylesheet" type = "text/css" href?”css.css "/>

<! -[If IE 7]>

<! -If the iebrowser version is "7", use the ie7.css style sheet.->

<Link rel = "stylesheet" type = "text/css" href?”ie7.css "/>

<! [Endif]->

<! -[If lte IE 6]>

<! -If the iebrowser is smaller than or equal to 6, use the ie.css style sheet.->

<Link rel = "stylesheet" type = "text/css" href?”ie.css "/>

<! [Endif]->

This differentiates the implementation of CSS by IE7 and IE6 to achieve compatibility. At the same time, the first line of CSS is compatible with other non-ie browsers.

Note: The default CSS style should be located at the first line of the HTML document. All the content for condition annotation judgment must be located after the default style.

This is also the so-called css hack technology...