141–150 of 299 posts
Just adopt https://cheeaun.github.io/hackerweb/ it does wonders on phone/tablet form factors. This design will not easily accomodate slightly larger displays such as tablets very well. This screenshot someone posted points out a lot of CSS problems regarding font size and the navigation layout: http://i.imgur.com/idgEFon.png
Your screenshot has a different username. Thought I'd let you know.
It's awful. I thought HN just didn't care. Why is this so hard? I do this every day for work and HN should be dead simple. Is this saying HN doesn't have anyone who knows how to do this? EDIT: My initial post was from my phone. Now I'm on my workstation and I see the markup here is antiquated, pre-1998 HTML. No wonder this is so horrid. You should be ashamed but, still, I could do better.
This looks (and more importantly, works) much better than before. For those not on mobile, here is what the new layout looks like on an iPhone 6s on iOS 9.0.1. ==> http://imgur.com/5LgB1xB.jpg Here is what the comment page looks like ==> http://i.imgur.com/ugOASR5.png This is the viewport bug when you try to enter a comment ==> http://i.imgur.com/i0Ekiod.png and http://i.imgur.com/T0NDIFc.png
Viewport "bug" is a "feature" in iOS—change the textarea's font-size to 16px to override the auto-zoom.
@media screen and (-webkit-min-device-pixel-ratio:0) { select:focus, textarea:focus, input:focus { font-size: 16px; } }
It uses a css selector only available on iOS devices and enables a larger font to prevent zoom.
[Original concept] http://stackoverflow.com/a/16255670/209005