Hi Tom,
Thank you. I don't know how to check it either, I have iPad and iPod, so would
like to learn how to check too.
Used to think browsers load all bg images even with display none declared, and
one of the reasons I wanted to try out the min/max width approach this time is
because I (thought) read it from Responsive Web Design ebook by Ethan Marcotte,
that by targeting the rules in the media queries it prevent browers from
loading unnecessary rules. But I can't find this important peice of info from
the book with a quick search just now.
tee
On Sep 27, 2011, at 7:02 PM, Tom Livingston wrote:
> Actually, the way you have this, I think it will work. If you had
> something in your base styles, or in the first media query that was
> set to display:none with a bg image, then that may get downloaded
> anyway. Again, tell me how to check and i'll be glad to test it for
> you.
>
> On Tue, Sep 27, 2011 at 9:59 PM, Tom Livingston <tom...@gmail.com> wrote:
>> I'm not 100% sure, but I believe so, yes. I was just brow-beaten
>> offlist by someone because of my reply below. YES, I have an iPhone,
>> but what I don't know is how to test - with JUST iOS Safari - whether
>> of not a bg image is downloaded to Safari. I'd be glad to test it for
>> you, if you can tell me how to confirm it.
>>
>> On Tue, Sep 27, 2011 at 9:51 PM, tee <weblis...@gmail.com> wrote:
>>> So iOS Safari loads 4 bg images in this case?
>>>
>>>
>>> @media screen and (max-width:480px){ body { background:olive
>>> url(bg-bodytop-480.jpg) no-repeat left -50px} }
>>>
>>>
>>> @media screen and (max-width:768px){ body { background:gray
>>> url(bg-bodytop-768.jpg) no-repeat left center} }
>>>
>>>
>>> @media screen and (max-width:1024px){ body { background:blue
>>> url(bg-bodytop-1205-and-bigger.jpg) no-repeat center center} }
>>>
>>>
>>> @media screen and (max-width:1024px){ body { background:blue
>>> url(bg-bodytop-1024.jpg) no-repeat left 20px} }
>>>
>>>
>>> tee
>>>
>>>
>>> On Sep 27, 2011, at 4:20 PM, Tom Livingston wrote:
>>>
>>>> I believe it's the iOS Safari with the issue, where it would be most
>>>> troublesome. Not sure how to test this.
>>>
>>>
>>>
>>> *******************************************************************
>>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>> Help: memberh...@webstandardsgroup.org
>>> *******************************************************************
>>>
>>>
>>
>>
>>
>> --
>>
>> Tom Livingston | Senior Interactive Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>>
>
>
>
> --
>
> Tom Livingston | Senior Interactive Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>
>
> *******************************************************************
> 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
*******************************************************************
