Hi Tee
When trying the max/min width approach, was the Meta Viewport Tag used?
The Meta Viewport Tag as found in the Viewport section on
http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
meta name=viewport
On 9/27/11 5:04 AM, Dave Smith wrote:
Hi Tee
When trying the max/min width approach, was the Meta Viewport Tag used?
::trim::
all the best, Dave @davesmiths
Try also, simply:
metaname=viewport content=width=device-width
~d
--
Desktop. Laptop. Tablet. Mobile!
Hi There
Please be advised that I am currently out of the office on vacation until
October 10 2011.
Should you have an urgent support query please email our support team at
supp...@jx2.com.au
For general information queries please email i...@jx2.com.au
Alternatively I will be able to get
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
On 9/27/11 1:42 PM, Frances de Waal wrote:
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
I believe that Safari may be the browser with the 'loads anyway' problem.
Sent from my iPhone
On Sep 27, 2011, at 5:33 PM, Hassan Schroeder has...@webtuitive.com wrote:
On 9/27/11 1:42 PM, Frances de Waal wrote:
As far as I know all the stylesheets ánd all the linked resources in them
On 9/27/11 3:33 PM, Tom Livingston wrote:
I believe that Safari may be the browser with the 'loads anyway' problem.
Safari is a Webkit-based browser like Chrome, so I expect them to
behave pretty identically, but, for the record: just tested Safari
5.1 (OS X) and it also does *not* load all
I believe it's the iOS Safari with the issue, where it would be most
troublesome. Not sure how to test this.
Sent from my iPhone
On Sep 27, 2011, at 7:08 PM, Hassan Schroeder has...@webtuitive.com wrote:
On 9/27/11 3:33 PM, Tom Livingston wrote:
I believe that Safari may be the browser with
I wonder if there is a way to restrict mobile phone devices from scaling, but
allows touchscreen devices (ipad, samsung galaxy etc) do so.
Tee
On Sep 27, 2011, at 3:31 AM, David Laakso wrote:
On 9/27/11 5:04 AM, Dave Smith wrote:
Hi Tee
When trying the max/min width approach, was the
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
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
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
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
I have that as well. I believe with the approach you have - mobile
first, ala 320andup (http://stuffandnonsense.co.uk/projects/320andup/)
- you don't put anything on the page (or in the style) for mobile
unless you really want it there and loading. As opposed to using media
queries to go from
On 9/27/11 10:29 PM, tee wrote:
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.
tee
Not terribly scientific but simply clear the cache on the iPad and the
iPhone and view the page. You'll know whether it is loading
David, with nothing but mobile Safari, if I hit a page with multiple queries or
an element specced as display:none but has a bg image, how to you *verify* that
an unwanted image loads anyway or not? There's no inspector that I'm aware of
like desktop version.
Sent from my iPhone
On Sep 27,
On 9/27/11 11:44 PM, Tom Livingston wrote:
David, with nothing but mobile Safari, if I hit a page with multiple queries or
an element specced as display:none but has a bg image, how to you *verify* that
an unwanted image loads anyway or not? There's no inspector that I'm aware of
like desktop
On 9/27/11 8:44 PM, Tom Livingston wrote:
David, with nothing but mobile Safari, if I hit a page with multiple
queries or an element specced as display:none but has a bg image, how
to you *verify* that an unwanted image loads anyway or not?
As I said in my original email: set up a test page
18 matches
Mail list logo
