On Apr 19, 2014, at 7:00 PM, Georg <ge...@gunlaug.com> wrote: > Den 19.04.2014 16:00, Tedd Sperling wrote: >> 4. Lastly, use ems for images as well. That way your entire site scales well >> with zooms. > > I find there is something wrong/missing in that statement, as images scale > with browser-zoom no matter how we define sizes. Of course no harm done in > setting image dimensions in 'em', but not setting dimensions works equally > well. And, in images 'width' and 'height' attributes it is pixels anyway ... > if those are used to speed up page-stabilization.
The thing that was missing is I should have added that *all* measurements are done in ems and thus no scaling difference between text and images thereby holding the layout static. > Having images scale with text-size is not what I would call good practice, as > that makes "text-only zooming" pretty useless for end-user. While respecting your opinion (I've read your post for many years and you provide great advice). I wouldn't call it "Good" or "Bad" practice. For example, if you have poor eyesight (i.e., older) and just want to see the page larger by using zoom, then it's good practice -- don't you think? > I only define 'max-width' for images, to make sure they stay within available > space regardless of screen/window/page width, and for this I use '%' of > container width. The rest I leave to end-users. That's one way to do it. But I still think that practice can confuse older users. I know if I were to zoom something so I could see it better (as I often do), it would confuse me if suddenly the *layout* became "broken" and text/graphics didn't hold their respective positions. But what do I know? I'm just an old guy. Cheers, tedd PS: However, please note that Browsers' zooms scale different. IOW, zoom levels (i.e., magnification) for one Browser doesn't always match the zoom level for another -- there are scaling differences. Or least that's what my old test have shown -- however, those test were taken many years ago. _______________ tedd sperling t...@sperling.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
