[武威网站建设公司]解析网站的兼容问题

阅读  ·  发布日期 2019-05-27 12:56  ·  admin
对于一些专业网站建设人员来说,最头疼的也就是调网站兼容问题了吧。由于现在出现各种各样的浏览器版本,各各浏览器之间的内核不尽相同。每个网站都要考虑到每个浏览器的兼容问题,例如火狐、ie6~10、谷歌等浏览器。同一个网站在不同的浏览器下可能呈现的效果不一样,因为我们根本不可能让用户都使用同样的浏览器,所以我们做网站的人员就必须对于网站的兼容做到尽善尽美。[武威网站建设公司]
    对于浏览器[武威网站建设公司]首先来说说,关于IE,IE的浏览器对于代码的识别都不同,IE6的内核版本相对于其它的而言,是最不稳定的一个,在我们进行专业网站建设时就要对于IE6特别照顾。
    今天咱们就来谈谈关于网站兼容性的解决办法,以下是北京网站建设公司平时工作中解决办法,希望可以帮助到你喽:
     一、在网页的head当中加入:meta http-equiv="x-ua-compatible" content="ie=7" /,这样在IE8浏览    页面时就会与IE下是一样的。但是在这里有一点要说,这种方式仅限于高版本转于低版本。要是写meta http-equiv="x-ua-compatible" content="ie=8" /,它就起不到任何作用了。
    二、兼容当然少不了hack语法,在写css时都会遇hack语法,其实咱们的代码写的够标准的话,用h    ack语法的地方不会太多。它对于IE6、IE7、FF等,对CSS解析也不太一样,我们就需要针对不同的浏览器去写不同的CSS。咱们在这只能于CSS类内部Hack说一下,特别提醒,在IE下都能够去识别*,但是FF就不能够识别;IE7与FF浏览器都能识别 !important;但是IE6不能识别!下面咱们举例说明:
    1、 区别IE与FF:height:10px; *height:20px;
    2、区别IE6与IE7:height:10px;!important; height:20px;
    3、区别FF,IE7,IE6:height:10px; *height:20px; _height:30px;
                                               height:10px; *height:20px!important; *height:30px;
    北京网站建设公司特别提醒,无论您用什么方式去写,书写方式都是Firefox在前边,ie7中间,ie6在末尾。
三、           做网站时应该应用的技巧
1、  在IE6下margin加倍的问题,当同一个div下使用了float,同时又设置了margin,这里会在IE6下呈现加位现象。这也是IE6存在的一个BUG。这时,咱们写代码时就要注意,要在DIV里加入display:inline;这样便会很好的控制IE6下浮动的产生双倍间距。
2、  IE6下overflow:hidden;失效,一般情况失效是因为父级有position:relative;所以给overflow:hidden;设置一个_position:relative
3、  如果使用ul lid dd dt这里的列表,同时又在其使用了span标签,此时会导致标签换行。这种,我们只需要在为span元素与标签分别定义一个宽度,然后在进行浮动就OK。[武威网站建设公司]
专业网站建设时网站的兼容性是在我们平常做网站的过程中就要考虑到的,不然到最后的调试会非常麻烦。在做网站的过程中可以用ietester做调试,保证网站兼容的完整性。做兼容特别是需要注意细节问题,细节决定成败。网站兼容问题北京网站建设公司总结这么多,更多网站知识尽在[武威网站建设公司]