使用IE浏览器的还是占有绝大部分,然而IE浏览器的更新也很快,2014年主流的还是IE8、IE9。对我们网站制作的页面设计师来说,网页与各大浏览器的兼容是个必须考虑的问题。在这里我们就来说下,当出现莫名其妙的兼容问题难以解决的时候该如何处理。
在我们做网站页面兼容性测试的时候,有时候会发现在IE8到IE11中,用某一个版本的IE浏览页面的时候,某些地方的兼容不如人意。或者是明明各个版本的IE浏览器的兼容测试没问题了,可是却又有用户反馈或者是换一台电脑测试的时候发现出现某一些兼容性的偏差问题。这是怎么回事呢?
前些日子就遇到了这么一个问题。经过仔细的测试寻找愿意发现:不同电脑IE有些小的设置导致这样问题的出现,那就是“文档模式”类型的选择。使用IE8、IE9的朋友应该都知道,在这些浏览器里都有一个“兼容性视图”的选项,这个选项是微软逐步向HTML5、W3C靠齐而设置的,为了解决IE的BUG。
解决方案:例如,由于IE9下的“文档模式”选项有:杂项、IE7标准、IE8标准、IE9标准。在我们选择不同”文档模式”的时候,出现的效果会有些许差异,这时我们就要以最好的效果为准,比如在IE8文档模式下页面的效果最好,那我们就应该以IE8为准,让浏览器打开页面的时候默认选择IE8的文档模式浏览。那怎样才能让客户端以我们期待的文档模式浏览呢?这里我们需要用到的是一个HTML元素属性设置http-equiv="X-UA-Compatible",要让浏览器默认采用IE8文档模式打开,则设置为:<meta http-equiv="X-UA-Compatible" content="IE=8">,这段代码需要放置在header中的CSS、JS之前,最好是紧跟<!doctype html>之后。这就能够解决网站制作中页面兼容在IE上的莫名其妙的兼容性偏差。
如果用户强制、手动修改“文本模式类型”,岂不是又出现了兼容问题,导致网页展示效果不理想?我们不能够、也没本事强制性要求用户怎么怎么做。那我们就只有从自己这边着手,那就是尽可能把兼容性做得最好,这才是根本。
本文版权所有,转载须注明:来源 https://www.qvdv.net/qvdv-fqa-557.html