网站开发怎么兼容ie？说实话，这问题听着就让人头大。但今天我不跟你扯那些虚的。我就告诉你，怎么用最少的代码，搞定那些老掉牙的浏览器。读完这篇，你至少知道怎么让老板闭嘴，让测试少找你几次。

先说句大实话。现在谁还用ie啊？除了某些国企的老旧系统，或者政府内网，基本没人用了。但是，只要你的客户还在用，你就得做。不然项目验收不过，钱拿不到，还得返工。这很现实。

我见过太多新手，一听到要兼容ie，就慌了神。拼命去查polyfill，去写一堆乱七八糟的hack。结果代码越写越乱，页面加载慢得像蜗牛。其实，真没必要这么复杂。

第一步，搞清楚客户到底用哪个版本。别一上来就说“全兼容”。ie6、ie7、ie8、ie9、ie10、ie11，这六个版本，每个的坑都不一样。如果客户说“兼容ie”，你最好反问一句：“具体是几个？”大概率是ie8或者ie11。如果是ie11，那还好办，现代浏览器那一套稍微改改就能跑。如果是ie8，那才是噩梦的开始。

第二步，降级策略要早定。别等到最后才想起来兼容。在项目初期，就要确定好哪些高级特性不能用。比如flex布局，ie8就不支持。你非要用，那就得用float或者table来模拟。这很丑，但很有效。还有，别用ES6的语法，除非你用了babel转译。不然ie11直接报错，页面白屏。

第三步，条件注释或者JS检测。这是老套路，但依然好用。特别是针对ie8及以下。你可以用条件注释来引入特定的css文件。比如，只有ie8才加载这个样式表。这样其他浏览器就不会下载多余的文件。对于js，可以用Modernizr或者自己写个简单的检测。发现是ie8，就加载polyfill。

我有个朋友，之前接了个政府项目。要求兼容ie8。他一开始想用最新的框架，结果跑不起来。后来他老老实实用了jQuery 1.x版本，css用了reset，布局全靠float。虽然代码写得像上个世纪的产物，但页面能跑，客户也满意。这就是经验。别追求新技术，追求稳定。

还有个小技巧，用postcss或者autoprefixer。虽然这工具主要是处理css前缀，但也能帮你解决不少ie的问题。比如，它会自动加上-ms-前缀。虽然ie10和ie11对前缀的支持也不完美，但至少比你自己手动敲要快。

别忽视测试环境。一定要在真实的ie浏览器里测试。模拟器和虚拟机有时候不准。特别是ie8，它的渲染引擎和现在的webkit、blink完全不一样。很多bug，只有在真机上才能看到。

最后，心态要稳。兼容ie不是炫技，是妥协。你不需要让ie8跑出和chrome一样的效果。只要功能正常，不报错，就算成功。别为了一个圆角或者阴影，去写几十行hack代码。不值得。

总之，网站开发怎么兼容ie，核心就两点：明确需求，合理降级。别硬刚，别装逼。能跑就行。这行干久了，你就懂了。代码写得再漂亮，跑不起来也是白搭。

记住，ie是个历史遗留问题。别把它当成敌人，当成一个挑剔的老客户。哄着他，顺着他，项目就能过。

希望这些经验能帮到你。如果有具体的bug，别急着百度，先看看是不是基础语法的问题。很多时候，问题出在最简单的地方。