Re: [css-d] iOS simulator vs FireFox?
On Sep 3, 2013, at 7:35 AM, Barney Carroll 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 are incorrect…ok..thank you! J __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iOS simulator vs FireFox?
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 fine. Same for landscape mode. Use your 480px header image in that area where you had the 780px header image (I think that's what it was). Rod On Tue, Sep 3, 2013 at 7:42 AM, John A. Johnson wrote: > > On Sep 3, 2013, at 7:35 AM, Barney Carroll > 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 are incorrect…ok..thank you! > > > J > > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iOS simulator vs FireFox?
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 15:31, COM wrote: > 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 > > http://coffeeonmars.com/screenshots/discrep.jpg > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] iOS simulator vs FireFox?
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 http://coffeeonmars.com/screenshots/discrep.jpg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/