Ah, I get it. Are you trying to avoid media queries in your CSS for some reason?
For example:
<div class="aClassName">
<ul>
[[getImageList? &tvname=`myMIGXtv` &tpl=`thumbTpl`]]
</ul>
</div>
CSS file:
@media only screen and (max-width: 320px) {
.someClassName {
display:none;
}
.someOtherClassName {
display:block;
}
}
If you do it this way, it will be infinitely faster than having your snippet run, parse its parameters, and respond to the screen-size over and over. It's also a lot easier, imo.
You can use class names like "Phone", "Tablet", "Notebook", "Desktop", or even class names like "PhoneAndTablet", "PhoneOnly", "TabletLandscape", "TabletPortrait", "TabletOrSmaller" "NoteBookOrBigger", etc.