How to disable compatibility mode in SharePoint

UniversitySite has page viewer and non-page viewer web parts.

With Internet Explorer, the page viewers will render as displayed below if added to a SharePoint page that's running in Internet Explorer compatibility mode.

The remainder of this article explains how to change a SharePoint page to run in Internet Explorer's edge mode instead of compatibility mode.

Choose how you are going edit the page

There are three ways you can edit the page:

Create a subsite for UniversitySite pages and edit its master page. This is the most efficient way to change the page mode for just the UniversitySite pages.
Edit the individual pages that contain the Page Viewer web part. SharePoint may display a banner saying that the current page has been customized from its template.
Edit the master page (not recommended). You can edit the master page. This is not recommended unless you are very familiar with your master page and how your SharePoint pages are set up.

Editing the page and changing the page mode

Open the page or the master page in SharePoint Designer or your page editing tool of choice. Search for this tag: <meta http-equiv="X-UA-Compatible" content="IE=10"/> and change the content attribute to "edge". Your tag should now look like this: <meta http-equiv="X-UA-Compatible" content="IE=edge" /> Depending on your version of SharePoint, you may need to look for this tag:  Replace that tag with <meta http-equiv="X-UA-Compatible" content="IE=edge" />.

Important note: The meta tag referenced above needs to appear as early in the <head> of the document as possible. If it's not in the first 1024 bytes, it won't work consistently. The browser has to see that tag before it starts rendering the document because once the rendering process begins, the rendering mode cannot be changed.