vue 判断是否位 float_VUE中条件注释法css,判断ie浏览器

float的css等样式,在ie中有些低版本浏览器不会生效,所以可以采用以下办法解决,

vue中,条件注释法判断ie9及ie9以下浏览器,使用css

950d3aec7decf0f283cfb5ae25e002dc.png

但是打包之后,css在js中

34d9dcc3612142b273c6f9652ea97c94.png

所以,ie9及ie9以下浏览器样式并没有生效。

可以使用Hack方法

CSS代码中

根据各浏览器独立的可识别的特殊代码来编写区分浏览器的代码,例如为IE系列浏览器可读[9],而IE6和IE7可读[*],另外IE6可辨识[ _ ](下划线);如:


.classname{
background:blue; /*Firefox等非IE浏览器背景变蓝色*/
background:red 9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值