- You don’t need XHTML. My doctype I switched is the HTML5 doctype and is completely compatible since it’s technically the one from HTML2 (IIRC).
- We didn’t switch the IE edge to utf-8!
!!!
This is what we switched.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
To
<meta charset="UTF-8">
Was that THAT hard to see? How do you think I switched your utf-8 charset with…the ua-compatible meta tag? I’m bewildered. Truly I am.
Then I added in these.
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width,initial-scale=1">
The first one gets IE out of compatibility mode and reports the highest version available.
The second is to basically let mobile users see the responsive display you want them to see. Otherwise, on mobile/desktop, users will see the desktop version of your page, but zoomed out. Noone wants that.