More and more people are using their phones and other mobile devices to access their journals, but dreamwidth doesn't support the most common method of making websites responsive: CSS media queries.
By default dreamwidth doesn't configure the viewport. This means that on most mobile devices, instead of displaying a full-size layout, what you see is a a shrunk down version of what you'd see on a desktop, which is often too tiny to navigate, even if your layout was designed to work well on mobile browsers. To change this behavior, you have to add a meta tag to the
<head> section of the code:
<meta name="viewport" content="width=device-width, initial-scale=1">
Simple, right? The trouble is that to add this line of code to the
<head> section, we're gonna have to venture into the somewhat arcane S2 system.