您好,今天小怡来为大家解答以上的问题。浏览器兼容性相信很多小伙伴还不知道,现在让我们一起来看看吧！
浏览器兼容性 浏览器兼容性视图怎么设置
浏览器兼容性 浏览器兼容性视图怎么设置
1、步骤如下：1. 目标不居中；在IE浏览器上面浏览网站的时候，有时候会出现不兼容的现象，可以通过设置为兼容模式来让它正常显示，如何转换ie浏览器兼容模式，请看一下详细介绍。
2、a. 如果是在浏览器中没有居中，就是没盒子，就是要用一个大DIV把所有需要居中元素装起来，然后给盒子一个css样式margin:0 auto;2. 目标在不同浏览器上的位置不同；a. 首先不要去急着找hack,先看一下自己的代码有没有错误，DW里有一个“检查浏览器兼容性”功能特别实用；b. 然后，尽量让目标的位置初始化，使之在所有浏览器都处在同一个位置，这个条件的前提是，不写hack，再一个方位一个方位调整。
3、a. 给其中一个目标加背景颜色；d. 这样很容易判断出那个目标造成的原因，就针对那个目标进行修改。
4、4. IE6兼容问题最多的一个，浮动问题。
5、只需要给这个DIV加一个样式：display:inline;b. 布局的时候经常会遇到这种情况：发现有一个DIV浮动了，接下来的一个DIV本来是要在下面显示的，结果跑上面去了，这种情况一般在FF下面会出现。
6、解决的办法：清除浮动，在设置过浮动的那个DIV下面加一个DIV，给个样式clear:both;如下IE具有自动记忆功能，它能保存上一次关闭窗口后的状态参数，IE本身没有提供相关设置选项，不过可以借助修改注册表来实现 ie8下兼容问题，这个处理，转化成ie7兼容就可以。
7、在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 有的时候明明给一个DIV加了背景颜色或背景，但是却显示不出来或者显示不全。
8、解决办法：首先，有可能是DIV没有设置高度。
9、如果设置了宽度和高度还没有效果，那么给DIV一个样式display:block；（通常a:hover加背景的时候经常遇到）。
10、另外，如果高度必须要设置成自动的话，那么就给DIV一个样式overflow:hidden;7. IE7和Firefox兼容问题解决方法：height:100px;/FF下显示100的高/ +height:120px;/IE678下显示120高/2、针对火狐的CSS Hack 网站设计代码 火狐可谓是最标准的浏览器之一了，网站设计技术只要稍稍不到位就能体现得淋漓尽致，所以不少网站设计师也很头痛，其实想要解决火狐的兼容性除了要把网站设计的基础知识扎牢之外只要将CSS代码写入到下图 @-moz-document -prefix（）{ } 里面就行了 @-moz-document -prefix() { #id{ display: block; } } 。
11、3、针对 Safari 的CSS Hack 网站设计代码 Safari是苹果计算机的作业系统Mac OS X中新的浏览器，用来取代之前的Internet Explorer for Mac，使用了KDE的KHTML作为浏览器的运算核心。
12、 @media screen and (-webkit-min-dev-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
13、4、针对 Opera 的CSS Hack 网站设计代码 Opera即Opera Software ASA，是台式机、各种设备和移动网络浏览器市场的商业，因快速、小巧和比其他浏览器更佳的标准兼容性获得了上的最终用户和业界媒体的承认，并在网上受到很多人的推崇。
14、 @media all and (-webkit-min-dev-pixel-ratio:10000), not all and (-webkit-min-dev-pixel-ratio:0) { head~body #id { display: block; } } 这个世界上必然不会存在完美的事物，因此运用以上方法让我们的网站设计更好的与各种浏览器兼容的时候其实已经违反了网站制作的W3C标准。
15、我解决的办法可能太笨了,但我没有更好的办法,特意把我的办法在这里说一下,一是可能帮到你,二抛砖引玉,也关注一下有没有更好的办法。
本文到这结束，希望上面文章对大家有所帮助。