At the link below, you can see how the same page shows differently in the
iPhone simulator compared to Firefox' responsive design view..
Shouldn't they be the same? Note FF set to display 480 px wide. Any thoughts to
what is going on to cause the discrepancy?
Thank you!
John
A portrait-oriented iPhone viewport is 320 (CSS) pixels wide, but the view
on the right is 480 wide (the same as a landscape-oriented iPhone
viewport). I don't know where the 530 came from.
Regards,
Barney Carroll
barney.carr...@gmail.com
+44 7429 177278
barneycarroll.com
On 3 September 2013
Your media breaks are fine, it's the width you have in your CSS that needs
to be changed. Create a new header that is 320 px wide. Put it in where you
had the 480px header image. Change the width setting for the image to
320px. Change the div width, and all other widths to 320px and it should
look
On Sep 3, 2013, at 7:35 AM, Barney Carroll barney.carr...@gmail.com wrote:
A portrait-oriented iPhone viewport is 320 (CSS) pixels wide, but the view on
the right is 480 wide (the same as a landscape-oriented iPhone viewport). I
don't know where the 530 came from.
ah..so my media breaks