Thanks for your thoughts, Tom. I'm thinking there's no "good" solution here.
I'll probably just make a separate stylesheet for IE8 and below without the mobile styles and media queries. Call that from the <head>. Then in my main css file call images for the most part from within media queries. I too had thought about the "mobile first" -- in the article I linked to, though, I don't think he explicitly tests the example you give. Would like to see the results of that. On Thu, Jan 2, 2014 at 10:18 AM, Tom Livingston <[email protected]> wrote: > > A little Googling yielded this -- interesting: > > http://timkadlec.com/2012/04/media-query-asset-downloading-results/ > > > > This post says it all depends on the browser -- and that what I have > above > > would work as I want on iOS but Android would download both images. > > > > Putting both rules inside media queries would work better as far as just > > loading one image, but then IE8 would load nothing, not recognizing media > > queries correct? Maybe there's not graceful solution, but I'm wondering > how > > others tend to handle this? > > ______________________________________________________________________ > > > According to the article, either putting all inside an MQ and sending > additional css to IE8 and below in an IE sheet is one solution. The > other, in your particular case, is adding an additional wrapper (Test > 3 in the article). Not really sure which is less icky. > > I'm gonna have to ponder this now as well. Working on a new project > right now where this is coming up a lot. > > -- > > Tom Livingston | Senior Front-End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
