Remix.run Logo
1over137 5 hours ago

This page looks quite simple, just plain text and a few photos. why does it render so tiny on an iPhone then?

andai 3 minutes ago | parent | next [-]

It's missing

   <meta name="viewport" content="width=device-width, initial-scale=1">
Not sure why we need to add that but mobile sites look like ass without it.

(Or more precisely, not sure why "make the site look like ass" was chosen as the default, and making it look good is opt-in!)

assimpleaspossi an hour ago | parent | prev | next [-]

The site is using an obsolete version of XHTML. So it's probably using out of date other things, too, and not targeting phones.

EDIT: I just checked. There are 77 HTML errors and warnings alone.

MrVandemar 5 hours ago | parent | prev [-]

Because browsers, especially phone browsers, are broken.

A lot of older websites will look like this on a phone, because they don't have the viewport meta tag, which wasn't a thing until mobile phones became sophisticated web browsers.

Firefox reader mode will probably render it OK.

winrid 4 hours ago | parent [-]

Chrome reader mode works fine too