第038个
专栏目标
在vue和element UI联合技术栈的操控下,本专栏提供行之有效的源代码示例和信息点介绍,做到灵活运用。
vue因为属性的原因,对IE8及以下不支持,需要前端在编写的时候作出判断。列出一个通用方法.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
meta name="renderer" content="webkit" />
<!--[if lte IE 9]>
<div class="alert alert-danger disable-del txtCenter" id="tipLowIEVer">
<h4>系统检测到您使用的浏览器版本过低,为达到更好的体验效果请升级您的浏览器,我们为您推荐:</h4>
<p>
<a href="https://www.google.com.hk/chrome/" target="_blank">Chrome浏览器</a>
<a href="http://www.firefox.com.cn/download/" target="_blank">Firefox浏览器</a>
<a href="http://se.360.cn/" target="_blank">360浏览器</a>
<a href="http://www.liebao.cn/" target="_blank">猎豹浏览器</a>
</p>
</div>
<![endif]-->
说明:
第1句:IE适配最高,使用chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
第2句:双核强制使用webkit浏览器
meta name="renderer" content="webkit" />
第3句:IE9及以下给出提示。
<!--[if lte IE 9]>
<div class="alert alert-danger disable-del txtCenter" id="tipLowIEVer">
<h4>系统检测到您使用的浏览器版本过低,为达到更好的体验效果请升级您的浏览器,我们为您推荐:</h4>
<p>
<a href="https://www.google.com.hk/chrome/" target="_blank">Chrome浏览器</a>
<a href="http://www.firefox.com.cn/download/" target="_blank">Firefox浏览器</a>
<a href="http://se.360.cn/" target="_blank">360浏览器</a>
<a href="http://www.liebao.cn/" target="_blank">猎豹浏览器</a>
</p>
</div>
<![endif]-->