On 2013-04-19 00:29 (GMT-1000) david composed:
Philippe Wittenbergh wrote:
david composed:
Now just imagine a visitor coming to your site using his or her
Google Nexus 10 running at 2560x1600 resolution on a 10" diagonal
display … 16px is going to be VERY TINY!
No, not really. That device has a HiDPI screen. The 2560x1600 quoted
are _device_ pixels. But the CSS pixel ratio is 2 [*] - 2 device
pixels per CSS pixel. The ‘16px’ here is a CSS px, not a device px;
in device pixels, the font-size would be something like 32px. It is
the same thing as the Retina iPad, iPhone, iPod or the Retina MBP’s.
[*] handy list:
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
Ah, thanks, useful reference. Still sounds small to me. I hope to
replace my PDA with a Nexus 10 whenever the PDA finally dies - so I'll
get to experience it myself.
Still, 32px (device) on a 10" diagonal screen sounds like it would be
too small.
dev32px on a 300 DPI screen is about 5.76pt physical.
With the 2:1 CSSpx:devicepx ratio that Wikipedia page reports, I would expect
so. 96 * 3 = 288, so I should expect a 3:1 ratio be used, and CSS16px to
display dev48px, and CSS16px to display physically @8.6pt, which is 222% of
the physical[1] size of 5.76pt (8.6^2 / 5.76^2).
Regardless, sizing text in px disregards user preferences/defaults, and thus
rude. Applied to anything but bitmaps or containers with no content other
than bitmaps, px values greater than a single digit should be unsupported,
and the 1:1 ratio between px & pt dispensed with, in CSS4 if it ever gets
past recommendation.
[1] physical size is a function of area (height & width). 32px at twice the
(nominal) CSS "size" of 16px is four times its physical size.
--
"The wise are known for their understanding, and pleasant
words are persuasive." Proverbs 16:21 (New Living Translation)
Team OS/2 ** Reg. Linux User #211409 ** a11y rocks!
Felix Miata *** http://fm.no-ip.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
