js中css样式兼容 css兼容性

css+div兼容问题,我写的一个页面中有个js效果,在360、火狐这些浏览器能...

；我做网页的时候测试我是用火狐（FF），因为FF的插件比较多，相对方便一点，在FF下面让网页是正常的效果。3；全部完成后在用谷歌，IE9，8，7，6，360等浏览器测试。

创新互联秉承实现全网价值营销的理念，以专业定制企业官网，做网站、网站设计，微信小程序定制开发，网页设计制作，成都做手机网站，网络营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理，汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

一，由于不同的浏览器，比如Internet Explorer 6，Internet Explorer 7，Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

DIVCSS相比较TABLE布局，更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。

以用jquery做JS隐藏效果，那样基本上可以兼容的。

1、这个涉及兼容的问题就比较多了，优先执行W3C标准，这样火狐下就没什么问题了，然后再针对其他浏览器做兼容设置。

2、资源访问不到，网络不通或资源失效，您可以进入页面的源码中，直接点击js或css的引用连接，查看是否可以开启，如果不能开启，则确定是该问题。

3、可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

4、浏览器兼容问题，火狐是一个很靠近W3C规范的浏览器，如果你的代码不能再火狐上运行，说明你写的代码不符合W3C规范，要避免这种情况，你可以试用JS框架，而不要使用原生JS，目前比较流行的框架有 JQUERY、VUE等等。或者你使用TYPESCRIPT也可以。

5、火狐浏览器默认把可视区域的高度设为0，这样的话，$(window).height()就等于0了。

1、先按火狐浏览来设样式表。(因为火狐的标准比IE的多。)然后再设IE的样式表。给个例子。div{width：300px；width：320px/9；}这样两个浏览器都兼容了！造成不兼容的原因是因为大家的默认值不用。

2、编写出兼容各浏览器的CSS的技巧和方法： Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。

3、打开火狐浏览器，打开百度，搜索IE tab 火狐插件，会出现火狐社区插件，点击进入；或输入addons.mozilla.org/en-US/firefox/search/？q=ietab。点击添加。安装完成，重启浏览器。

4、现在基本都只应付IE7，IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。

分享文章：js中css样式兼容 css兼容性
本文URL：http://scyanting.com/article/dggosej.html