web网站开发过程中如何顾及兼容性问题

我是初学者，自己写过两个静态网站，兼容性很差，只能适用google，火狐和qq浏览器，ie9以上的都不行，更别说ie5,6了。请问大佬们在写网站的过程中需要怎么做才能让网站兼容性更强

7 个解决方案

#1

这个话题就大了。
一般的方法：采用jquery等兼容性得到认可的框架访问html对象
注意学习css在不同浏览器之间的差异，这个要靠经验和搜索。不要使用特定浏览器才有的功能，

#2

用 CSS reset， CSS框架和 jquery之类的框架能避免大多数的兼容问题，不过用了框架就避免直接用原生js操作DOM了。

#3

楼上的说得都对,用一些成熟的框架确实能避免一些常见的兼容问题,但毕竟浏览器版本不同,有些兼容问题并没有两全其美的办法来解决.所以最好的方法就是选择一款主流浏览器做为参照物,其他浏览器能做到大部分兼容就差不多了,千万别想着把所有都能兼容费时又费力.

#4

引用 1 楼 net_lover 的回复:

这个话题就大了。
一般的方法：采用jquery等兼容性得到认可的框架访问html对象
注意学习css在不同浏览器之间的差异，这个要靠经验和搜索。不要使用特定浏览器才有的功能，

我对这个没有概念，我调试的时候都是用google浏览器，而且我是笔记本，我自己看完全没问题，但是我去网吧换大屏访问我的网站的时候，布局都有点乱了，手机乱的更厉害。

#5

引用 2 楼 hookee 的回复:

用 CSS reset， CSS框架和 jquery之类的框架能避免大多数的兼容问题，不过用了框架就避免直接用原生js操作DOM了。

这个偶尔有混用的时候。。。

#6

楼主感觉想岔了。
实际情况下，不会需要兼容这么多坑爹的东西的，大小屏兼容，从手机兼容到超大屏，这个一般都会重新设计一版，而不是让你开发的时候，需要考虑的，框架确实能解决很多问题，特别是js的兼容性问题。css 兼容的话，最好就是只用都有的公共属性，其他的统一手动实现。

#7

尽量少用CSS3、浏览器私有属性，多用CSS2这些普遍兼容的属性，还有要不断调试