rwchampin

# July 12, 2013 at 4:56 pm

so im trying to edit my mobile layout for my phone…im starting with my phone obviously…which is an iphone 4s…..but whats appearing on browserstack doesnt appear the same on my actual phone…im wondering if my @media query size is wrong or something….im using 320 and it shows up nicely on browserstack but not on my actual phone

justdan

# July 12, 2013 at 5:02 pm

This reply has been reported for inappropriate content.

Try this: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/. Could just be wrong size.

Paulie_D

# July 12, 2013 at 5:11 pm

Also making sure you are using the correct viewport meta tag.

rwchampin

# July 12, 2013 at 5:21 pm

This reply has been reported for inappropriate content.

im using
meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” />

Paulie_D

# July 12, 2013 at 5:25 pm

>**maximum-scale=1.0, user-scalable=no” **

No, no, no. Please don’t do that.

Why wouldn’t you want people to scale? We don’t all have perfect vision you know. There are billions of potential visitors who wear glasses and you just p*ssed them all off.

Paulie_D

# July 12, 2013 at 5:27 pm

However, without a link we can’t test it for you on our devices and that’s especially true for me given the above…:)

rwchampin

# July 12, 2013 at 5:37 pm

This reply has been reported for inappropriate content.

lol hahahah ok….the link for the site is Webworx

rwchampin

# July 12, 2013 at 5:38 pm

This reply has been reported for inappropriate content.

give me a little to get rid of the scalable thing tho

rwchampin

# July 12, 2013 at 5:42 pm

This reply has been reported for inappropriate content.

when you test my site live on browserstack it has the nav bar in the middle but when i test it locally it is on the top of the screen