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 相关文章推荐
InnerHtml和InnerText的区别分析
Mar 13 Javascript
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
Feb 21 Javascript
Vue.js教程之axios与网络传输的学习实践
Apr 29 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 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
PHP与Java进行通信的实现方法
2013/10/21 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
JS正则中的RegExp对象对象
2012/11/07 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
JavaScript数组随机排列实现随机洗牌功能
2015/03/19 Javascript
Node.js中常规的文件操作总结
2016/10/13 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
python追加元素到列表的方法
2015/07/28 Python
python用装饰器自动注册Tornado路由详解
2017/02/14 Python
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
pytorch SENet实现案例
2020/06/24 Python
python中的错误如何查看
2020/07/08 Python
python使用建议与技巧分享(二)
2020/08/17 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
文明礼仪事迹材料
2014/01/09 职场文书
上班玩游戏检讨书
2014/02/07 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript
Python+pyaudio实现音频控制示例详解
2022/07/23 Python