Hacker News new | ask | show | jobs
by gaucheries 960 days ago
The author might be interested to know that this page might be displaying in an undesired way on iPhone mini screens:

https://i.ibb.co/v4s0Xpj/IMG-1221.png

1 comments

Eek. If anyone has a quick CSS fix for mobile I'll happily add it. I'm talking to some of my people too. Thanks for bringing it to my attention.
I'm amused by the fact that even authors of the most technically brilliant projects in recent memory also struggle with CSS, just like us mere mortals. :)

Love your work! <3

This is the only concession to mobile that I have on my website, and it seems to do okay:

    <meta name="viewport" content="width=device-width, initial-scale=1">
This behavior really should have been the default in mobile browsers. It's not like emulating a desktop viewport actually makes giant tables usable on a tiny mobile screen so it would have been better to prefer not breaking pages that can reflow for a mostly useless hack.
I don't know, I think pinch-to-zoom + pan is a pretty decent way of dealing with pages that have more complex layouts than basic document, but were designed using e.g. tables for layout. Given that most non-trivial pages would have been laid out that way back when mobile browsers were first coming out, it seems like a reasonable tradeoff to me.

That is to say, it's definitely a hack but I wouldn't call it useless, at least originally. These days it's a lot less useful since the number of pages that do benefit from this treatment has decreased dramatically. But at this point the die has been cast.