网站传到服务器上和本地样式不一样
网站传到服务器就变形
网站在服务器上变形，本地测试没问题
最近接到老客户一个微信营销的单页面网站，因为以前给客户做过培训的单页面，所有问题图片全部都是后台添加，客户非常满意，所以又找的我做第二个站。
客户给的这个网页是设计好的一张图片，非常的长，要加入很多的元素如视频、新闻、js倒计时、表单留言板等，需要我来切图，我从来没有利用切图来制作过网站，一般都是直接参考别人的样式或是自己用div+css来写模板，所以基本从来没有碰到过兼容性问题，就算有，还很好处理。这次没办法了，只能切图做，因为我是用ps切图的，结果切出来全都是table，用ps切出来的table网页特别容易撑开，而且以后很难修改布局，但是总算是费了比平时多的多的时间终于做完了，在都本地测试几个常用浏览器完全兼容后，上传到了自己的香港服务器，结果，在ie下打开就变形了，样式差距很大基本都是行高和边距误差比较大。如下图：
本地测试的正常ie兼容网页
上传服务器后，本地同一个浏览器打开的错位网页
因为网页基本都是table，用的css很少，所以css跟网页代码不兼容的可能性是比较小的。
在网上搜了搜，有说路径写的有问题，传到服务器上可以链不到，有说样式编码不一致造成的，还有的整理了一大堆网页设计中容易出现兼容性问题的地方
但我的都不是，最后在仔细分析了网页头部的代码后，终于在以前制作的网站上找到了个办法 就是下面的代码：解决IE8下兼容IE7的问题
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
将这段代码加在网页头部，只有IE8可以识别，表示按照IE7来识别页面，保证了IE8下出现不兼容的问题
在IE7下做的测试就写IE7，IE8下测试急用IE8， 我的是在头部加了IE8后回归正常的，
真是让人头疼的IE。
