I'm having a really weird problem of the website displaying significantly differently in IE 11 on standard resolution screens to IE 11 on high resolution screens.
At standard res, it's working perfectly - looks the same as other browsers, and nothing broken.
At high res, it's completely borked. Not even a little bit off, 100% broken.
This is all on Windows 10, in case that's relevant. I know Windows 8.1+ tries to sort out high dpi issues with automatic scaling, but this seems to be beyond that.
The website is made with Bootstrap, so already using prefixes to handle partial support for IE 11 for flexbox, etc.
I tried setting maximum and minimum sizes in the viewport meta, ie: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0"> This did not show any improvement.
I also whacked on Compatibility Mode just to see - it renders differently, but still broken.
I know IE 11 is legacy and I don't usually support it, but the client is specifically asking. Has anyone come across a similar situation to this? Is it fixable at all, or would you just take a stern line with the client to make them update / reassure them that basically nobody uses IE 11 on high dpi screens?
High res screenshot Low res screenshot
Edited to add screenshots.
