前端朋友们，你们是如何做到跨浏览器兼容的？

[pythonee]

自己是个服务器端程序员，当然自己也写过不少网站，对于web页面的跨浏览器兼容一直很头疼，这里主要还是布局上的兼容，js还比较好弄，一个jquery就可以了。

看了一些文章，有的直接有跨浏览器的css框架，比如bootstrap, YAML等，有的用saas,compass简化自己的编码，还有用UKI的，不知道哪种方式更好。另外，据我观察，包括google或是一些大的网站，比如淘宝，好像都没有完全按照这套来，他们页面中一样充满了table等一些奇怪的元素，他们似乎没用使用框架或工具来简化工作量，我就想他们怎么做到的呢，页面这么多，维护起来应该很麻烦，难道他们一个浏览器一个浏览器的测不成，google的页面好像是gwt

能介绍你们如果将一个设计搞搬到Web上的流程吗，我觉得这是一个有意思的过程，当然可能也是比较体力活的

[Sivan]

当写的页面足够多并且对标准较熟悉后，页面写完时就能知道在 IE 下可能会有什么问题。先在 chrome 或 firefox 下做好，标准浏览器就问题不大，再针对 IE 做处理。有些 IE 不支持或支持但残疾的地方，一开始实现时就会主动绕开。那些大网站一般会制定自己的标准，当然也会有些独立页面或者活动页交给一个人单独搞，赶工时写的没那么整洁也很正常。

[luin]

我没做过大项目，所以都是手动测的。一般写的时候就知道哪个浏览器不兼容（这里特指IE6)，写出的页面测试的时候基本都不会有兼容问题（除了IE6）。

[squallsdjl]

@Sivan 同意。前端现在主要真的还是一个经验活和体力活。

[pythonee]

@squallsdjl
不是吧，那有点坑爹啊

[andy12530]

经验=时间+积累。
多了解一些CSS和JS特征，写的时候把坑跳过去。

[squallsdjl]

@pythonee 对的，就算坑，还好我们活在这个高级浏览器的时代～

[pythonee]

@squallsdjl
@andy12530
因为如果是大项目，不可能一点一点的维护，我觉得肯定都有一套可行的标准或是工具可以让初学者也能写出跨浏览器的东西来

[squallsdjl]

@pythonee 可行是可行，不过就无法做到个性化，或者是“很设计”。局限性非常大，这种产品不会迎合市场。如果大家发现了国外类似的东西可以分享一下～

[loading]

@pythonee 使用bootstrap这样的东西。
当然，你支持ie6当我没说。
不知道一些隐晦的机制，你以为随便拿个css手册就能一路next么，没那么简单的。

[andy12530]

@pythonee 你用jQuery之类的框架封装了差异，可以让初学者写出跨浏览器的东西，同样你用bootstrap里面的css文件，也可以让初学者简单使用。

"一套可行的标准或者是工具" 就是你把差异化的东西弄成一致。自己弄或者用别人的东西。

[skyshy]

最近也纳闷加郁闷，好好的前端界面，再在其他浏览器上变化各异，各种bug的处理和修复真让人抓狂。

[qq286735628]

Firefox和Chrome对W3C执行的很好，基本上没啥问题~
IE的话，去看看BFC和hasLaout两个概念，然后注意下普遍的几个IE bug，基本上在布局上面，IE不会很怪异~
至于CSS3那些新特性带来的效果嘛，优雅降级吧~