04
Sep 2010
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
Category: Web Design
You can follow any responses to this entry through the RSS 2.0 feed.
Responses are currently closed, but you can trackback from your own site.
13 Responses
Well, FML. Just view source on my portfolio page for the proper snippet, and sorry again.
Meh, I say. MEH.
Sorry about that. Here’s take two:
very good !
mfg willy werkzeug
Oh dear… I have a strong feeling of deja vu. Didn’t we have this exact discussion back in the 90s?
Anyway, will that default setting remain the same for all future Kindles (and other devices that pay attention to this particular “meta” setting)?
Tantek, that lime-green thingie is HTML5 Now, your lovely new step-by-step “getting started with HTML5″ book-and-video-tutorial. Congratulations!
Ethan, WordPress redacted the code in your first comment.
Of course, but they almost never do.
16px? Are you sure? Always? Can’t the user change that? Is that the same for all devices that pay attention to such “meta” settings?
I have this nagging feeling that the whole idea of that “meta” thing is based on someone forgetting that not all web pages use fixed font settings in pixels. I hope I’m wrong.
Ooh – what’s that lime green and pink book you have under your kindle?
Jeffrey – if you have a chance, try out the HTML5 Now eBook PDF (on the DVD) on your new Kindle (assuming you can load PDFs onto Kindles) – I’m curious to see how the PDF looks on the new Kindle.
Thanks!
Bertil, you’d simply multiply 60 by the browser’s base font size. Assuming that baseline is
16px(I don’t have a Kindle to verify), you’d set yourviewporttag to 960.For flexible or responsive layouts, I highly recommend setting the viewport to something more width-agnostic. For example, you could use something like
redactedThe benefit to the
width=device-widthsetting is that your media queries can usemax-width, rather thanmax-device-width. But of course, theminimum-scale=1.0, maximum-scale=1.0declaration would disable zooming.Recently, I’ve started playing around with this instead:
redactedA bit iffy on browsers that support multiple orientations, I admit, but it leaves zooming intact. Yay for tradeoffs!
What are we supposed to set the viewport width to if the web page width is, say, “6oem” (and the font-size is 100%)? How do we translate that into pixels? Seems impossible…
I completely misunderstood the Kindle, I somehow thought this new Kindle still had 3G access on a subscription basis (you used to have to pay for each RSS feed you wanted to access on older models, right?).
This makes it much more interesting than an iPad (especially for Europeans since Amazon is selling them in US Dollar).
Just too bad it doesn’t support the CSS “monochrome” media query…that would have been nice.