如果你在使用IE11浏览器访问本网时网页显示不正常

2016年3月3日最新更正：你在使用IE11浏览器访问本网时已经不需要使用“兼容性视图”设置了，现在论坛的首页四格中的最新图片栏里的图片撑破图框的问题已经通过修改程序源码解决了。实际上把文件./static/js/forum_slide.js中的第108行的代码改成setTimeout(function () { s.loadCheck(); }, 3000);把文件./template/default/forum/discuz.htm中的第60行的代码改成<div class="module cl slidebox_grid" style="width:218px; height:200px; overflow:hidden">就可以了。用户不需要看下面的内容了。

使用“兼容性视图”解决网站显示问题- Windows 帮助

如果你在使用IE11（Internet Explorer 11）浏览器访问本网时网页显示不正常，而使用其它诸如火狐，谷歌浏览器时没有问题，论坛的首页四格中的最新图片栏里的图片撑破图框就是其中一个问题，下面介绍解决办法（借用了其它网站的介绍和图片，来源：www.pc841.com）。

ie11兼容模式在哪 IE11兼容模式怎么设置
在目前最新的IE11浏览器版本中，找到ie11兼容模式设置入口又两种方法，其实都非常简单，以下我们具体看下。
1、打开IE11浏览器界面，然后打开存在兼容性不佳的网站，这里以打开电脑百事网为例，然后点击右上角的“工具”图标（也可以直接按Ctrl+X组合快捷键），然后在弹出的工具菜单中选择“兼容性视图设置”，如下图所示：


IE11兼容性视图设置

2、接下来在IE11兼容模式设置对话框中，将需要添加兼容模式的网站添加进去即可（你现在实际要添加的网站名称是www.51haoyou.com)，完成后，点击底部的关闭即可完成，该网站的兼容性设置了。


IE11兼容模式设置方法

另外设置IE11兼容性模式还有另外一种方法，那就是进入开发者工具中设置，具体方法如下：
1、使用IE11浏览器打开需要兼容性视图的网站，然后按Fn+F12组合快捷键,即可再浏览器底部打开“开发人员工具”，然后我们在最侧工具栏的最底部找到“仿真”模式，如下图所示：


IE11仿真模式设置

2、最好我们在“用户代理字符串”后边选择需要采用的IE浏览器兼容版本即可，如下图所示，一般我们选择IE8或者IE9的兼容模式即可，如下图所示：


IE11兼容模式怎么设置

注意，这种IE11兼容模式设置好后，不可以关闭底部的调试工具，只能隐藏到底部，一旦关闭开发人员调试工具，兼容模式也随即恢复到默认关闭的状态。

编后语：以上就是电脑百事网小编为大家详细介绍的两种IE11浏览器设置兼容视图模式方法，对于一些兼容性不太好的网站，采用者两种方式，可以解决网页显示错乱或者无法显示某些元素的问题，不过第一种方法设置简单，设置一次即可一直使用，推荐大家采用。

How to enable compatibility view in Internet Explorer 11 (IE11)

Starting with Internet Explorer 8, a compatibility view feature was shipped by Microsoft in Internet Explorer to help users deal with web page rendering issues. It was implemented as a button on the address bar. When pressed, it could quickly turn an IE8+ incompatible site to render properly in the current version of Internet Explorer as it switched to the older compatible mode of rendering the same web page at the cost of disabling the new standards supported in edge mode. In the screenshot below, you can see that button in IE10:

In Internet Explorer 11, the compatibility view button is removed from the address bar because document modes are now deprecated. Microsoft felt that the button had outlived his purpose because it's been many years now since Microsoft introduced X-UA-Compatible tags. Web developers were supposed to add these X-UA-Compatible meta tags to their website's HTML header to indicate web page compatibility and not leave it to the user to depend on the button to correctly render the page. Now, Microsoft is expecting all web developers to update their websites to work with the latest edge mode and avoid using document modes, unless on a temporary basis. However, what if some sites still don't render properly? Are you, the user stuck with the loss of this feature and be penalized for the developer not having updated his website? No, in fact, the compatibility view feature still remains in the browser. Here is how you can turn it on or off.

• Click on the Settings icon in the top right corner of IE11:
  
• Select the Compatibility View Settings item in the drop-down menu. The following dialog will appear.
  
• Check the "Use Microsoft compatibility lists" checkbox to enable the compatibility view feature. Unticking that checkbox will disable the feature meaning it won't use lists that Microsoft provides to correctly render web pages.
• You can still force specific sites to always render in compatibility view by adding them in the compatibility view list using the "add this website" option, however web developers are recommended to update their websites to work in IE11's edge mode.
  

实际上IE11还有加载图片明显缓慢和加载不正确的问题。上面谈到把文件./static/js/forum_slide.js中的第108行的代码改成setTimeout(function () { s.loadCheck(); }, 3000);，就是试图解决IE11加载图片的问题。实际上那还是没有完全解决好。这次在/template/default/common/header_common.htm加一行<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />后，就彻底解决了加载图片的问题，而且加载速度快了至少十几倍。