Best way to handle 7" tablets? [#1802692]

Looking for some advice as to the best way to handle the growing class of "mini" tablets such as the Google Nexus and Kindle Fire (not to mention the rumored-to-be-coming-soon iPad "mini"). These devices generally have a 7" diagonal display. When viewed in portrait orientation, the displayport is too big to be classified as a "smartphone" but too narrow to fit elements optimized for the iPad's "tablet" portrait width.

I was going to try implementing custom CSS with new breakpoints to handle this but wondered if there was already something in the works for AdaptiveTheme.

Comments

Comment #1

Jeff Burnz CreditAttribution: Jeff Burnz commented 7 October 2012 at 07:49

Most of these smaller devices are very high resolution, basically the same as a normal tablet, so they are tablet, of course it all comes down to what you put in media queries, generally I do not change anything from the defaults as they are very good.

Comment #2

crispinbailey CreditAttribution: crispinbailey commented 13 October 2012 at 21:01

Thanks Jeff. I agree they are all just tablets, but the difference in portrait width between my iPad and my Nexus is quite significant and some designs do break when squeezed into the smaller screen. I guess the best way to handle it is by using the "responsive.custom.css" file and specifying media-queries as needed.