响应式ie8兼容问题

最新推荐文章于 2021-06-07 13:52:14 发布

weixin_34418883

最新推荐文章于 2021-06-07 13:52:14 发布

阅读量306

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webwangjie/p/7298103.html

本文介绍了一种针对IE8浏览器的CSS兼容性处理方法，通过JavaScript判断浏览器类型并设置特定样式来解决CSS3 media属性不支持的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css3的media属性在IE8及以下的版本中无法生效。

if (navigator.appName === 'Microsoft Internet Explorer') { //判断是否是IE浏览器
　　if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0
　　　　$('#Zbody').css('top','19%')
　　　　　　　　.css('height','57.5%');
　　　　$('#lunDiv>img').height($('#bigPh').height());
　　　　$('.login-form1').css('margin-left','-15px');
　　　　if (height<600) {
　　　　　　$('.hexin-img').css('height','50%');
　　　　};

　　}
}

通过if判断出IE8内核，然后给IE8设定一组比较适合的样式，以此来替代@media

转载于:https://www.cnblogs.com/webwangjie/p/7298103.html