According to different browsers:
<script type= "Text/javascript" >
var version = Navigator.useragent;
if (Version.indexof ("MSIE") > 1) {
document.write ("<link href= ' ie.css ' rel= ' stylesheet ' type= ' text\/css ' \/> ');
} else if (Version.indexof ("Chrome") > 1) {
document.write ("<link href= ' chrome.css ' rel= ' stylesheet ' type= ' text\/css ' \/> ');
} else if (Version.indexof ("Firefox") > 1) {
document.write ("<link href= ' ff.css ' rel= ' stylesheet ' type= ' text\/css ' \/> ');
}
</script>
According to different resolutions:
<script type= "Text/javascript" >
if (screen.width = = 1024) {
document.write ("<link href= ' css/css1.css ' rel= ' stylesheet ' type= ' text\/css ' \/> ');
}else {
document.write ("<link href= ' css/css2.css ' rel= ' stylesheet ' type= ' text\/css ' \/> ');}
</script>
JS calls different CSS based on different browsers (resolutions)