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
*******************************************************************
