[css-d] iPad zoom triggers other MQ
Here's the site in question: http://www.medialogic.com/health-care/ In landscape view on iPad and after initial page load, if I do any zoom action at all - including pinch - the layout switches to a smaller screen layout/MQ. If you navigate to another page or refresh, it uses my "desktop" layout - which is what I want/expect. My MQ for "desktop" triggers at 960px wide. Can anyone explain what is happening? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] iPad Mini MQs
On Tue, May 6, 2014 at 9:30 AM, Philippe Wittenbergh wrote: > > Le 6 mai 2014 à 22:12, Tom Livingston a écrit : > >> Retina has specs of 2048-by-1536 resolution at 326 pixels per inch (ppi) >> and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). > > Those are device pixels, not CSS pixels. > I was hoping that was the case. Thank you sir. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] iPad Mini MQs
Le 6 mai 2014 à 22:12, Tom Livingston a écrit : > Retina has specs of 2048-by-1536 resolution at 326 pixels per inch (ppi) > and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). Those are device pixels, not CSS pixels. > > I dont think @media only screen and (min-device-width : 768px) and > (max-device-width : 1024px) will work in both cases... unless I'm > thinking about resolution wrong. Those are the MQ's you can use for all currently sold iPads (and previous models as well). Philippe -- Philippe Wittenbergh http://l-c-n.com __ 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] iPad Mini MQs
List, Can anyone recommend an appropriate MQ for iPad Mini? I was using an iPad Mini (Retina) and noticed an issue on a site I work on where the absolute-position footer crashed into other content in landscape orientation because the screen is so small. Retina has specs of 2048-by-1536 resolution at 326 pixels per inch (ppi) and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). I dont think @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) will work in both cases... unless I'm thinking about resolution wrong. TIA -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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/