Question

用IDV+CSS做的静态网页，在360浏览器里显示正常，而在IE8里却内容错位或者是没有显示，是何原因？

上图是在360里显示正常。

但是在IE8里，却显示错位，求大神指点，





Answer 1

这是浏览器碎片化造成的。你如果是开发人员，在开发之前就应该预料到这种情况。

IE，Chrome, FF, Opera, Safari 等等，世界各大知名浏览器厂商，以及以他们为内核进行包装、修改的小厂商，他们为了在相互竞争中能战胜对方、最大化的占有市场份额，在遵循 HTML、CSS、JavaScript等国际标准的同时，又或多或少的加入了各自个性化的标签或属性，有的狂妄自大，甚至根本不遵循国际标准。这就导致了浏览器碎片化。碎片化的结果就是你开发的页面在某个浏览器上调试成正常后，用其他浏览器打开可能就全乱套了，解决办法有二：

1. 写页面时，用所有流行浏览器调试，写出符合所有浏览器的兼容性 HTML, CSS, Javascript 代码；
2. 只针对某一款浏览器开发页面，其他一概不管，但在代码中判断客户端浏览器是不是你所支持的浏览器，若不是，则给出提示，提醒用户哪款浏览器可以支持你的页面正常显示和操作，并给出下载链接。

方法1是去适应用户，方法2是让用户适应你；显然方法2比较好，只要针对一款主流浏览器调试页面即可，方法1由于要满足各种各样无法预料的客户端浏览器，会累死你。像我一般只针对 Chrome 开发，在 chrome 下调试通过就行了，其他一概不管，在我的页面上会判断客户所用的浏览器是不是 chrome ，若不是则进行提醒并给出下载链接。

浏览器碎片化的结果对开发者和用户都不利，但技术上的国际标准不是政府法律文件，不能强制各方遵循，只能靠自愿。竞争导致多样化和混乱，多样化能不能活下去，最后由市场决定。

Answer 2

应该是DIV　+ CSS

主要是CSS兼容不好。你没有给出网站地址或者CSS代码，没办法跟你检查和修复。

Answer 3

360不是主流，主要还是以IE为主测试，360也是用IE的内核，建议你测试一下IE 6 7 8 9，看看有没有问题，哪个版本有问题，然后针对IE不同版本的问题在修改。

Answer 4

你先调整ie8 然后做360兼容 好做点