响应式ie8兼容问题

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

什么叫做适合的样式呢，首先我们可以想象以下，还在使用IE8的用户是什么样的用户：电脑老旧，系统老等等，这样的用户电脑配置一般都不会太好，所以完全可以按照1024-1440宽度的标准去进行设想，然后在这个设想下设计一组较好的布局数据。