织梦旧版CMS浏览器适配错位乱码的完整修复方法分享

很多做老站的织梦玩家都碰到过这事吧？好不容易把内容更完，换个浏览器打开一看，布局飞了、图片错位，甚至整个页面乱成一锅粥。

为啥好好的织梦会出适配问题？

说白了，大部分织梦都是好几年前甚至十几年前的老程序了，当年写代码的时候，哪想到现在浏览器标准变这么快？

还有八成用织梦的朋友，用的还是默认打包的旧模板，基础的适配标签都没加，这不就是穿了十几年的旧衣服，现在体型变了撑不开，当然崩了。

最常见的适配问题，按这个流程修就行

移动端适配乱码：加一行视口标签就搞定

百分之八十的织梦适配问题，其实都是没写正确的viewport视口标签，老模板默认根本没这东西，手机打开肯定乱成一团。

操作也简单，你找到模板目录里的header.htm文件，在标签之间加上这段代码就行：

``` ```

就加这么一行，保存之后更个缓存，手机刷新再看，大部分错位直接就好了。我见过好多朋友，就这点小问题，愣是花大价钱换模板，纯属白扔钱。

IE浏览器兼容崩了：加一行兼容声明修复

有些做政务站、传统企业站的朋友，要求必须兼容低版本IE，老织梦默认没开对兼容模式，打开就是错位乱排版。

还是在header的head标签里加一行代码就行：

``` ```

这行的意思就是强制IE用最新的渲染模式解析，不会再按十几年前的旧标准瞎搞，改完基本就不会乱了。

不同浏览器排版不一样：重置默认CSS就好

每个浏览器都自带一点点默认样式，比如边距、行高的默认值都不一样，老织梦模板没做样式统一，当然打开各是各的样。

你只需要在自己CSS文件的最开头，加上这段通用重置代码就行：

``` { margin: 0; padding: 0; box-sizing: border-box; } ```

说白了就是把所有浏览器自带的乱七八糟默认值清掉，全按你写的样式来，改完之后不管什么浏览器打开，排版基本都一致。

改完别忘了这步，不然全白折腾

织梦这个破毛病用过的都懂，改完模板不更缓存，前台根本不显示新内容。

你改完所有代码之后，一定要去后台点生成-更新系统缓存，再点一键生成全站静态HTML，最后清一下自己浏览器的缓存，刷新再看才会出效果。

我当年刚玩织梦的时候，就这点事，在坑里蹲了一下午，改来改去没效果，最后才发现忘了更缓存，说起来都是泪。

其实织梦的适配问题真没那么复杂，九成以上都是老程序留下的小遗留问题，按这几步走下来，基本都能搞定，不用大费周章换模板换程序。