兼容IE8的一点问题

这是一个在campaign aem上搭建的页面。
当时专题开始制作前没有考虑到要支持兼容ie8.所以导致后来用ie8验收的时候出现了问题。现在我归纳和说一下当时出现的问题还有解决办法。

一、REM导致页面错乱。
原因：当时页面中的图片用了rem布局（包括PC），其实PC端建议还是不需要用rem布局，以后要避免。rem属性为css3属性。
在IE8中rem属性不被支持。

二、媒体查询不被支持。
原因：媒体查询@media不被ie8及以下版本ie支持，而页面的PC移动端区分是通过媒体查询来识别加载的。
即在屏幕小于960px时判断为移动端，媒体查询失效导致移动端资源加载显示到页面上造成错乱。
解决办法：用IE css hack写选择器前缀

	@media \0screen\,screen\9 前缀只对IE6-IE8有效果

三、页面无动效。
原因：IE8以及以下浏览器对大部分css3属性不支持。
解决办法：只能让页面正常呈现。

四、IE hack推荐
关于ie的hack 在https://blog.youkuaiyun.com/dayu9216/article/details/70225261 这篇文章中有较为详细的说明「虽然这文章似乎也是copy来的」