在济南网站建设的过程中,对网站进行切图或者或者对客户的网站进行修改和调整的时候,经常会遇到有些网站的兼容性出现问题。通过调试我们发现网站的默认文档模式自动改为了quirks模式,当网站的默认文档模式为这个模式情况下,会出现网站的布局错乱的现象,表现最为明显的是本来居中的网站现在整体偏左了。如果通过IE网站开发人员工具进行手动的更改为其他文档模式,网站又重新居中了。可是我们发现文档模式被默认修改为了quirks模式,所以导致网站在第一次打开的情况下会出现错误。
一、为什么网站默认文档模式为quriks模式,是什么原因造成的
一般情况下,网站的默认围挡模式应该为网站浏览者的IE版本的标准,比如当前浏览者所使用的是IE9进行浏览,那么该网页的默认文档模式就应该为IE9标准,如果使用的是IE8浏览该网页,那么该网页所默认的文档模式就应该是IE8标准。如果出现了默认文档模式为Quirks模式的情况下,多数原因是由于在网站的头部部分特别指定了网站默认文档模式。指定代码如下:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
这句话的意思是指定网站默认文档模式,其中content所指定是IE的版本,当然了在实际的济南网站建设操作中没有特殊情况下,是完全没有必要对网站默认文档进行指定的。因为我们需要的是我们所建设的网站对所有浏览器都要兼容,包括IE6,也需要具有兼容性。
有些人也许会问,既然有了这段代码为什么还要调整网站的兼容性呢?这样看来岂不是在网站的源码中加入这段代码就可以让网站在打开的时候,总是执行我们指定好的文档模式了?其实不是这样的,这段代码的意思只能对高版本的浏览器有用,比如当前浏览器的IE版本为IE9,那么在浏览器解析网页的时候,遇到这段代码,会把文档模式默认为指定IE版本显示。如果当前浏览器的版本为IE6,那么遇到上面的代码,就不会把浏览器版本当作指定版本显示了。所以说,这段代码只适合在特殊情况下使用。
那么如何书写才能让浏览器的默认文档模式为Quriks模式呢,代码如下:
<meta http-equiv=“X-UA-Compatible” content=“IE=edge />
上面这段代码的意思就是让浏览器默认的文档模式为Quriks模式
二、如何修改网站默认文档模式为其他模式
既然我们知道了,是什么代码才导致了网站的默认文档模式为Quriks模式,那么我们就有办法去修改网站的默认文档模式了,只需在网站的源码中找到这段代码,然后修改掉或者删除掉就可以了。但是在实际的济南网站建设中,像这样的代码都不会直接存在的,大多数情况下都是通过JS调用出来的。不清楚是什么原因如今的很多开源CMS系统,在部分JS中会让网站默认文档模式为Quriks模式。这时候需要我们找到这个JS,然后把指定的代码删除掉就可以了。
如果觉得找JS特别的麻烦,我们也可以在网站源代码的最前面加入
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
这段代码,让网站一开始就默认为我们手动的模式,使JS调用失效。
做为一家济南网站建设公司,经常会遇到有些客户的网站出现一些问题,或者有些客户会说自己以前找别的网站建设公司所建设的网站出现了这样那样的问题,然后找我们来解决。难免会遇到有些网站的程序会被默认指定为文档模式为quriks模式,像这样的网站我们应该尽可能的找到指定文档模式的代码,然后将其删掉。如果是我们自己单独的为客户建设的网站,没有特殊需要的情况下是不需要指定网站默认文档模式的。
您可能对以下文章也感兴趣: