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.
--
Michel Fortin
michel.for...@michelf.com
http://michelf.com/