Quote:
Originally Posted by Turtle91
Saying "there is no fallback" is not quite accurate. It might not look exactly the same, but that doesn't mean it doesn't work. Using media queries allows you to change the way things are displayed.
|
How would you handle a media que
for example - and
this is a simplification Jon not a proper MQ:
Code:
HTML:
<p>Death said "<span class="death">They could hear me roar in Middengard!</span>"</p>
CSS:
Media query - Does it support small-caps:
death {font-variant:small-caps}
Media query - Does it support text-transform but NOT small-caps:
death {text-transform:uppercase; font-size:.9em}
Media query - Does device support color but NOT small-caps:
death {color:blue}
Media query - is it Jon's e-ink device and doesn't support anything??
death {}
Attachment 206317
The most basic styling (none) is still readable and makes perfect sense. The user will not complain because they aren't expecting any styling on their ancient device.
That is a basic Media Query concept example. That doesn't take into account the possibilities of basic Cascading principles of CSS where the most recent style (lowest on the list) has priority. eg. Put your more capable css last in the list...if the device doesn't support it, then it will ignore it and go with what is earlier in the list.[/QUOTE]
How would you write a media query that would override the font size and give you small-caps?