Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Hacker News has native mobile view

news.ycombinator.com

Post reply on HN
Print view View original

31–40 of 48 posts

Re: Hacker News has native mobile view

#31

Post by lux »

I've seen several offers of mobile-optimized CSS for this site over the past while, yet this feels like a half-done job. On my iPhone 5 the margins are all off, the vote icons are still impossibly small, and the header is a mess. It looks like this isn't much more than an added viewport meta tag.

It is still an improvement, but it could be much better. I know the YC crew are busy folks, but you could throw a few bucks to the poster with the best mobile CSS and I'm sure people would be up for the challenge.

Re: Hacker News has native mobile view

#34

Post by jack-r-abbit »

kogir wrote: post #29

All I did is add the following: I think it looks worse on my iPhone 5 and HTC One, and will probably back out the change. At least now I've proven it's not that simple.

FWIW, I see no difference on my Moto Photon... and it looks pretty much exactly the same (for better or worse) as it does in Chrome on Windows 7.

Re: Hacker News has native mobile view

#37

Post by fourstar »

cheald wrote: post #10

The size of the comment box needs to be reduced. Right now, it's stretching out the comments pages. Native: https://www.dropbox.com/s/tni84vod5giq9ky/Screenshot_2013-08... Eliminated the 85% max width and reduced the comments box to 40 cols, and set padding: 0 on : https://www.dropbox.com/s/047b5zkheguk8lz/2013-08-21%2016.27... Just remove the hardcoded 85% width and 60 cols and toss this into the CSS: form textarea…

Why not `table { width: 100%;}` in the 2nd media query?

Re: Hacker News has native mobile view

#38

Post by cheald »

fourstar wrote: post #37
cheald wrote: post #10

The size of the comment box needs to be reduced. Right now, it's stretching out the comments pages. Native: https://www.dropbox.com/s/tni84vod5giq9ky/Screenshot_2013-08... Eliminated the 85% max width and reduced the comments box to 40 cols, and set padding: 0 on : https://www.dropbox.com/s/047b5zkheguk8lz/2013-08-21%2016.27... Just remove the hardcoded 85% width and 60 cols and toss this into the CSS: form textarea…

Why not `table { width: 100%;}` in the 2nd media query?

There are many tables in the site, and the content is going to provide that sizing anyhow.
Post reply on HN