前端分辨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();

转载于:https://www.cnblogs.com/Dark-fire-liehuo/p/10232656.html

前端分辨pc和移动端导入不同css相关推荐

【web前端】pc网页适配移动网页和css布局之间的矛与盾
最近在写一个前端的网站,主要结构是html和css写法,当然还加了部分js内容,但是写完之后发现只写了一种css样式,只能在电脑版网页完整显示,而在手机小屏设备显示格式就乱了,出现只能显示电脑的内容. ...
javascript 判断前端是 pc端还是移动端
javascript 判断前端是 pc端还是移动端 <!DOCTYPE html> <html lang="en"> <head>< ...
python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...
热门推荐 html/css 一.escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读.编码之后的... 标签: 0 ...
快速开发app，这个快速开发框架，整合PC、移动端开发，让开发更畅快！
之前,有发过不少PC端快速开发的文章,但是现在越来越多的项目需要PC和移动端结合,所以,我给大家介绍一下之前快速开发平台的APP版本,希望大家能够体验一下,发表一下自己的看法.下载的话,在官网:www ...
创业开花店一年多的感想-逐步完成了一套完整的鲜花商城系统，包含前端、后端、移动端、小程序、公众号
创业开花店一年多的感想-逐步完成了一套完整的鲜花商城系统,包含前端.后端.移动端.小程序.公众号初心时间节点遇到的问题和解决办法我们做了什么我们做了一套完整的鲜花商城系统官网介绍后端介绍 ...
学习RPG Maker MZ开发创建并发布PC和移动端游戏
Complete RPG Maker MZ: Create and Publish for PC and Mobile 完整的RPG制造商MZ:为个人电脑和移动设备创建和发布 MP4 |视频:h264 ...
PHP判断pc和移动端跳转,JS判断是PC还是移动端浏览器，并根据不同的终端跳转到不同的网址...
JS判断是PC还是移动端浏览器,并根据不同的终端跳转到不同的网址 function browserRedirect() { var sUserAgent = navigator.userAgent.t ...
java五大浏览器,[Java教程]各主流浏览器（PC、移动端）userAgent属性信息
[Java教程]各主流浏览器(PC.移动端)userAgent属性信息 0 2017-10-17 18:00:58 PC: IE.QQ.chrome.firefox.360.safair 移动端:微信 ...
【Vue】pc和移动端网页样式适配
在下面环节会讲解怎么做pc和移动端网页样式适配. 在当下有两种实现样式适配的:JS 适配方案和CSS 媒体查询适配.下面会具体讲解一下代码该怎么写.

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

前端分辨pc和移动端导入不同css相关推荐

最新文章

热门文章