Quote:
Originally Posted by JSWolf
Do those media queries actually work on a small screen? I've never used them.
|
Basically size doesn't matter... It's all about how well you use it.
media queries simply tell you what the size of the screen is (among other things)...
- if the media meets a particular requirement it runs particular css. If it doesn't, it doesn't. Use css cascading/priority rules to determine what css takes priority.
supports queries tells you whether a device supports a particular css
- if the device supports a particular css it runs it. If it doesn't, it either doesn't do anything, or it runs alternate css. Use css cascading/priority rules to determine what css takes priority.
javascript runs a script on devices that support js...it doesn't on devices that don't.
Use combinations of all of the above, with fallback coding. If the above doesn't work it will fallback to to previous css.