一、准备工作
1. 确定目标浏览器：首先确认你将使用的浏览器版本，因为不同版本的浏览器可能对某些CSS属性的支持程度不同。
2. 收集旧版OA页面：从你的内网系统中获取需要适配的旧版OA页面。
3. 准备兼容模式代码：根据旧版OA页面的HTML结构，编写兼容模式的CSS规则。
二、设置兼容模式
1. 打开浏览器的开发者工具：大多数现代浏览器（如Chrome、Firefox、Edge等）都提供了开发者工具，用于调试和测试网页在不同环境下的表现。
2. 启用“启用浏览器兼容性视图”：在开发者工具中，找到“网络”（Network）标签页，然后点击“控制台”（Console）。在控制台中输入以下命令：
javascript
document.documentMode = 1;
这将使浏览器以兼容模式加载网页。
3. 应用CSS样式：将之前准备好的兼容模式CSS规则应用到旧版OA页面上。例如，如果旧版OA页面使用了`float`属性，你可以将其改为`display: inline-block;`。
4. 保存并测试：保存修改后的CSS文件，并在新的浏览器或不同的设备上测试页面是否已经正确显示。
三、注意事项
1. 保持原始设计：虽然使用兼容模式可以解决页面错乱的问题，但可能会影响页面的布局和视觉效果。因此，在调整CSS时，请尽量保持原始设计的完整性。
2. 更新浏览器：由于浏览器不断更新，可能会有新的兼容模式规则出现。建议定期检查并更新浏览器的兼容性设置。
3. 多浏览器测试：为了确保兼容性，最好在不同的浏览器和设备上进行测试。
通过以上步骤，你应该能够解决老旧内网OA页面在主流浏览器中的错乱问题。记得在实际操作中灵活调整，以满足实际需求。
