float的css等样式,在ie中有些低版本浏览器不会生效,所以可以采用以下办法解决,
vue中,条件注释法判断ie9及ie9以下浏览器,使用css
![950d3aec7decf0f283cfb5ae25e002dc.png](https://i-blog.csdnimg.cn/blog_migrate/09b192d71cce1516202f81fe2360b902.jpeg)
但是打包之后,css在js中
![34d9dcc3612142b273c6f9652ea97c94.png](https://i-blog.csdnimg.cn/blog_migrate/aea1b8566320273c1bf3d01e97ae9d4c.jpeg)
所以,ie9及ie9以下浏览器样式并没有生效。
可以使用Hack方法
CSS代码中
根据各浏览器独立的可识别的特殊代码来编写区分浏览器的代码,例如为IE系列浏览器可读[9],而IE6和IE7可读[*],另外IE6可辨识[ _ ](下划线);如:
.classname{
background:blue; /*Firefox等非IE浏览器背景变蓝色*/
background:red 9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}