如何复制这个css媒体jquery使用javascript支持IE
How to replicate this css media jquery using javascript to support IE
@media all and (max-width:1000px){
#div {
left: 500px;
}
}
@media all and (min-width:1000px){
#div {
left: 50%;
}
}
有人能帮我用javascript/jquery方法实现同样的效果,让我的网站将支持旧版本的IE吗?谢谢。
你应该首先使用像modernizr这样的东西来检查你的浏览器的功能(不仅仅是IE不支持媒体查询),然后设置一些监听$(window).resize()
的东西,并相应地改变你的布局。参见:http://api.jquery.com/resize/
有点像:
if (!Modernizr.mq('(max-width:1000px)'){
$(window).bind('resize load',function(){ //the load will make the style rules apply on load as well (i.e. noone's resizing the window)
if ($(window).width() > 1000){
//layout big version
} else {
//layout small version
}
});
}
相关文章:
- 将语句与jquery相结合,并使用媒体查询来实现返回页首按钮
- 仅在屏幕媒体上运行javascript/jquery,而不是打印
- css媒体查询请求后刷新jQuery插件
- jQuery.thoggle()和媒体查询
- 检查选择器在jQuery中是否包含文本(即不是媒体)
- 如何将垂直选项卡式内容面板更改为具有媒体查询和 jquery 的响应式可折叠面板
- 解析 RSS 命名空间媒体:缩略图 (js/jQuery)
- Jquery通过媒体查询切换窗口大小的错误
- 对jQuery使用setTimeout()是否有任何问题;媒体查询“;类型情况
- 使用Jquery读取媒体:缩略图RSS提要
- jQuery下拉菜单和CSS媒体查询冲突
- jQuery:转盘的媒体查询
- CSS 媒体查询和 jQuery window .width() 不匹配
- jquery .height() 在媒体查询中使用百分比高度时不起作用
- 如何将媒体查询添加到 Jquery 中
- Jquery 媒体查询
- 使用 javascript 或 jQuery 添加 CSS 媒体查询
- 在不重新加载的情况下运行 jQuery 媒体查询
- 响应式网站的jQuery媒体查询
- Fancybox jQuery媒体助手-播放器卡住加载