Hi Tee, As far as I know all the stylesheets ánd all the linked resources in them like background-images will be loaded with meadia-queries. So I am afraid that the large background image that you try to avoid for mobiles, will be loaded anyway as long as you try to solve this with media-queries.
Bye, Frances www.waalweb.nl www.smartscripts.nl Zelfstudiehandboek Websites Ontwikkelen met HTML, CSS en Dreamweaver WaalWeb | Halfweg, Noord-Holland | KvK 34350833 Op 20 sep 2011, om 00:02 heeft tee het volgende geschreven: > Please see this. > > http://bit.ly/mWvfWC > > The reason I want to target body tag in media queries is because I don't want > to panelize mobile user to load the large background image. I started first > with min-width but the result was more problematic, so I switched to > max-width. As to the reason why there is a min-width and max-width separately > for 1024px is because I want to use a background image (no repeat-x) that > fills up the width of the desktop's screen (e.g. 2500px), and there is no > reason to ask the 1024 screen resolutions' user loads this large image. > > tee > > On Sep 18, 2011, at 2:43 PM, Benjamin Hawkes-Lewis wrote: > >> On Sun, Sep 18, 2011 at 4:34 PM, tee <weblis...@gmail.com> wrote: >>> Hmmm, media queries can't understand body tag; a id or class for the tag is >>> needed. Spec on W3C site doesn't indicate though as I see example like so: >>> >>> @media all { body { background:lime } } >>> >>> A browser bug? >> >> Works for me in Chrome: >> >> http://pastehtml.com/view/b7qe04of6.html >> >> Do you have a testcase you can point to that fails in a named browser? >> >> -- >> Benjamin Hawkes-Lewis >> >> >> ******************************************************************* >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: memberh...@webstandardsgroup.org >> ******************************************************************* >> > > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > ******************************************************************* > ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
