Michel Fortin wrote:
On 2010-09-02 22:04:39 -0400, Walter Bright <newshou...@digitalmars.com>
said:
Michel Fortin wrote:
Basically, you wanted to do what I did with my website. What was the
problem exactly? Creating a style sheet that displays the contents
well when read linearly? Or was it about how to trigger this
particular style sheet for iPhone and iPods? The later's quite
simple, just use this media attribute:
media="handheld, only screen and (max-device-width: 480px)"
The "handheld, " part isn't really relevant for iOS devices, but
it'll trigger the stylesheet with Opera-based handheld browsers.
The problem was that I googled it and every hit used a radically
different method and they'd refer to it as "seems" to work. I'm not
comfortable using such hacks. I'd like one that officially works and
is standards compliant.
Call it a hack if you want, but this is the most standard-compliant
solution as it is based on the CSS3 Media Queries specification:
<http://www.w3.org/TR/css3-mediaqueries/>
It'll be officially standard-compliant once the specification becomes a
W3C recommendation (it's currently a candidate recommendation).
Currently, WebKit (Safari, Chrome), Gecko (Firefox) and Opera all
support media queries.
<https://developer.mozilla.org/en/css/media_queries>
<http://www.opera.com/docs/specs/presto25/css/mediaqueries/>
IE 9 will support media queries too when it ships (I believe it's in
beta currently) so it'll probably work with Windows Phone 7 too (when it
becomes available). Here's a showcase they've made:
<http://ie.microsoft.com/testdrive/HTML5/85CSS3_MediaQueries/Default.html>
So good luck finding something more standard-compliant.
This is good information. Thanks!
