Comments on: Determine iPhone orientation using CSS

By: jagadeesh

jagadeesh — Tue, 13 Sep 2011 12:55:28 +0000

While chagening the position to portrait to landscape the website.. the website does not shows in full screen. It show in portrait width only.. after refreshing the page it show in full screen…. what is the solution for this….??

By: Brave Knowledge » Responsive Web Design: What It Is and How To Use It

Brave Knowledge » Responsive Web Design: What It Is and How To Use It — Mon, 12 Sep 2011 08:50:34 +0000

[...] this property works only on the iPad. When determining the orientation for the iPhone and other devices, the use of max-device-width and min-device-width should do the [...]

By: Mamzelle

Mamzelle — Wed, 22 Jun 2011 23:50:29 +0000

Thank you, really useful!

By: links for 2011-04-14 ‹ The Iona Group

links for 2011-04-14 ‹ The Iona Group — Fri, 15 Apr 2011 20:20:05 +0000

[...] for 2011-04-14Chad Udell Posted on April 14, 2011 Category: DiscoverDetermine iPhone orientation using CSS | The CSS Ninja – All …Using the CSS3 media queries we can accomplish orientation detection with only CSS but instead of [...]

By: links for 2011-04-14 | Visualrinse | Design and Development by Chad Udell

Thu, 14 Apr 2011 23:03:20 +0000

[...] Determine iPhone orientation using CSS | The CSS Ninja – All … Using the CSS3 media queries we can accomplish orientation detection with only CSS but instead of looking at the unsupported orientation property we can use the min-width and max-width propertities to our advantage to detect what orientation the user is currently in. (tags: mobile css3 iphone mediaqueries) [...]

By: The Css Ninja

The Css Ninja — Wed, 06 Apr 2011 04:53:08 +0000

@Mark -

The window dimensions will most likely be different I believe Android supports orientation media query use that.

@media  screen and (max-width: 320px), screen and (oritation:portrait) { }

By: Mark

Mark — Fri, 01 Apr 2011 19:03:15 +0000

Works fine on my iphone but not on an Android Samsung device, the layout does not stretch in landscape mode just like previously on my iphone, is there a trick to fix it for it?

By: Mark

Mark — Fri, 01 Apr 2011 11:03:37 +0000

Thanks, I just started working on a mobile simple website and found out about the landscape issue, now it works..

By: Responsive Web Design이란 무엇이고 어떻게 만드는가? (1)

Responsive Web Design이란 무엇이고 어떻게 만드는가? (1) — Thu, 31 Mar 2011 07:06:17 +0000

[...] 이 속성은 오직 iPad에서만 작동된다. iPhone에서도 orientation을 지정하거나, 다른 기기에서도 동작하게 만드려면, max-device-width와 min-device-width를 [...]

By: cyrex

cyrex — Thu, 17 Feb 2011 16:40:31 +0000

Thx, nice tut and a great idea. :)