Added. Makes the text better but now the screenshot is too large. Bloody HTML.

I prefer to add

  <style>
    img, video { max-width:100%;}
  </style>

What does that do, and why is it not the default?

Many mobile devices render pages in a virtual window aka viewport, which is wider than the screen, and then shrink the rendered result down so it can all be seen at once.

Mobile browsers can stop doing that any time they want. They do it because pages not optimized for mobile and break often in mobile.

This 'shit-sifting' phenomenon in common in open protocols with lots of software and inertia.

1. Bad shit in the other end breaks this end.

2. Fix it with hack in this end.

3. Good shit in the other end is now bad shit with the fix.

4. Add workaround to make good shit good again.

(Microsoft Internet Explorer was born after Bill Gates did seance and Satan taught him to use this phenomenon to corrupt the internet.)