jquery实现不同大小浏览器使用不同的css样式表的方法


Posted in Javascript onApril 02, 2014

该方法支持IE浏览器和其他浏览器。

1、首先定义两个link,当然你也可以是一个,第二个是要更改的css

<link rel="stylesheet" type="text/css" href="main.css" />
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" />

2、下面的JavaScript代码将根据不同的浏览器大小,更改css
function adjustStyle(width) { 
    width = parseInt(width); 
    if (width < 701) { 
        $("#css").attr("href", "css/narrow.css"); 
    } else if ((width >= 701) && (width < 900)) { 
        $("#css").attr("href", "css/medium.css"); 
    } else { 
       //$("#css").attr("href", "<?php bloginfo('stylesheet_url'); ?>"); 
       document.write("css/style.css")
    } 
} 
$(function() { 
    adjustStyle($(this).width()); 
    $(window).resize(function() { 
        adjustStyle($(this).width()); 
    }); 
});

以上代码经过测试可用!!
Javascript 相关文章推荐
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
Angular2自定义分页组件
Apr 19 Javascript
Node.js中多进程模块Cluster的介绍与使用
May 27 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
前端MVVM框架解析之双向绑定
Jan 24 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
手把手带你封装一个vue component第三方库
Feb 14 Javascript
vue 解决computed修改data数据的问题
Nov 06 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 #Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 #Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 #Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 #Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 #Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 #Javascript
动态显示可输入的字数提示还可以输入的字数
Apr 01 #Javascript
You might like
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
用 PHP5 轻松解析 XML
2006/12/04 PHP
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
微信小程序switch开关选择器使用详解
2018/01/31 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
2018/12/25 Javascript
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
pandas对dataFrame中某一个列的数据进行处理的方法
2019/07/08 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
掌上明珠Java程序员面试总结
2016/02/23 面试题
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
房地产工程部经理岗位职责
2015/04/09 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
CSS3实现三角形不断放大效果
2021/04/13 HTML / CSS
漫画「古见同学有交流障碍症」第25卷封面公开
2022/03/21 日漫