前端分辨pc和移动端导入不同css

通过navigator获取浏览器,根据浏览器的不同判断出pc和移动端然后设置不同的css

    分辨不同屏幕导入不同的css文件:            
           function loadCSS() {
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {
document.write('<link href="shouji.css" rel="stylesheet" type="text/css" media="screen" />');
}
else {
document.write('<link href="pc.css" rel="stylesheet" type="text/css" media="screen" />');
}
}
loadCSS();

 

posted @ 2019-01-07 13:01  L某人  阅读(1571)  评论(0编辑  收藏  举报