HTML和CSS中如何判断ie各版本浏览器的方法

html-css011

HTML和CSS中如何判断ie各版本浏览器的方法,第1张

html中区分ie各版本的方法为IE有条件注释,不过这种方式只支持到IE9(包括IE9),在IE10之后移除了该特性;不建议使用;

css中判断IE各版本,只能通过css hack方式,针对浏览器的怪癖行为来区分;不建议使用;

通过js处理浏览器的用户代理userAgent字符串来解析出浏览器的版本,虽然这种方式也不建议使用,但是目前能解析出浏览器类型及版本最好的办法了

没有在编码里面选择自动检测

准备材料:电脑、html文件、浏览器

1、首先打开html文件,有时候就会出现乱码。

/iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a"/>

2、将鼠标移到页面空白处,右键单击,然后选择编码。

/iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe"/>

3、在编码里面单机选择自动检测。

/iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47"/>

4、转换代码后,就会看到字体已恢复正常。

/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6"/>