4 ms·
How wide is your screen (in px)? Because the max width of my layout is around the old 760px standard. You should be able to see everything (even if, as you say,
by aranjedeath 14y ago
How wide is your screen (in px)? Because the max width of my layout is around the old 760px standard. You should be able to see everything (even if, as you say, it's a bit too large).
On the other hand, it's a pretty valid critique. To be honest I forgot that there are 11 inch screens (or, screens that are larger than phones but smaller than 17inch desktop monitors). I'm not on any sort of a big screen.
And indeed, my lineheight is 1.618em (golden number in math, heh). I say 1.5 because it's a nice compromise. Perhaps 1.3 or so is better in certain circumstances.
- crazygringo 14y agoNot width I'm talking about (that's fine), it's the height. It's funny, because screen height shouldn't affect "readability" (other than making you scroll more often), but with these large-font blogs/sites, they give me a certain feeling of "claustrophobia" -- that I can't see a couple paragraphs' worth to come, or can't see the last couple paragraphs I read. I think it might be that it prevents me from being able to scan content easily, the way you can on a printed page, where you can quickly skip to the part you can tell is relevant to you.
- aranjedeath 14y agoI'll take that into consideration, thanks for the feedback :)
- edwintorok 14y agoYou can use the golden ratio to find an "optimal" value for the ratio between line height, line width and font size: http://www.pearsonified.com/2011/12/golden-ratio-typography.php http://www.pearsonified.com/2011/12/golden-ratio-typography.... http://www.pearsonified.com/typography/ http://www.pearsonified.com/typography/ But of course the line height should be in relative units, not in px: http://webtypography.net/rhythm_and_proportion/vertical_motion/2.2.1/ http://webtypography.net/rhythm_and_proportion/vertical_moti...
- 1337p337 14y agoFretting over actual pixels is counter to trying to stay display-independent, as a web site ought to. The actual thing to worry about here is apparent DPI. A TV at 1080p viewed from ten feet away needs much larger text than a monitor at 1080p viewed from two feet away, and the variance in cell phone resolutions is even more drastic. I had hopes that all these different resolutions/DPIs/sizes for screens would stop designers trying to force a pixel-perfect layout into a browser, but the end result seems to have just been "CSS media queries".