之前有客户联系创想传媒的客服，说是有时候访问网站会出现网页错乱的现象，对于这一现象，创想传媒做出整理，希望以下解析能帮助到被困扰的用户。

如今IT市场的发达，导致网络工具也很多样化，不同的网民习惯不同的风格，浏览器也是各色各样啊。像是上述出现的问题，有的人会误以为是自己手机或者电脑坏了，但是实际上出现这样的情况并不是机器的问题，只是浏览网站的人使用不同的浏览器造成的，不同的浏览器下的显示及功能就不一样，因此在最终网页的样式显示上也会有所差别。

什么原因导致浏览器不兼容？

2.浏览器因素。因为浏览器的内核是不一样的，目前国内主浏览器依旧以IE为主，所以某些标签、样式本身在浏览器中就存在不兼容，如“margin不一致”、“div居中问题”

解决这类问题就是要很好地保证网页的浏览器兼容性，如何保证浏览器的兼容性给用户更好的体验呢？

1.设计兼容方案：跨浏览器的兼容问题，要在自己开始做一个项目之前，就必须确定最低支持版本，设计一个应对兼容方案。

2.开发过程中实验：在开发过程中，每做好一个样式，要启动下所要兼容的浏览器，但是对于前端开发者而言，这样的开发过程时间会比较久，但是做出来的质量却是蛮高的。

3. margin不一致的问题：当有多张图片需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display：inline”项即可。

4.div居中问题：通常我们会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高height-line:设置与div一样时即可解决问题。

没有哪一款开发出来的网站是能兼容所有的浏览器，我们只能做到兼容目前的主浏览器，比如IE、火狐、360、搜狗、chrom、猎豹、qq等浏览器，只要做好主浏览器的兼容，其他基本上是无需担心的。