Easy way to detect 7" tablet v 10" tablet screen?

trek · March 16, 2013 at 10:39 PM

Just when we thought life had become simple with desktop, tablet and mobile devices we've now got tablets with different size screens.

So my question... Is there any easy way (ie will work on both android and iOS devices) to detect the size of the tablet screen so I can optimise the UI for the device?

Thanks in advance

Tim

Sam Rohn · March 17, 2013 at 6:14 AM

krpano device attribute will detect device and display content accordingly

https://krpano.com/docu/xml/#devices-notes

also see this to get specific screen size

https://krpano.com/docu/xml/#events.onresize

CSS media queries may be also helpful in dealing with such things in HTML

http://www.w3.org/TR/css3-mediaqueries/

http://arcsec.ca/media-query-builder/

sam

trek · March 18, 2013 at 1:37 PM

Thanks Sam

I will do some more testing with onresize.

Also wondering (one for Klaus!) if the next revision of krpano could include a new device class, ie:

mobile - under 6" screen

mini-tablet - 6" to 8" screen

tablet - 8" plus

Thanks again

Tim

klaus.krpano · March 20, 2013 at 7:10 PM

Hi,

okay, but how to detect such 'mini-tablet'?
There are no reliable ways to do that in Javascript!

E.g. an iPad mini is generally not detectable and the screensize and pixelratio on Android devices are also no reliable informations for the physical size...

Best regards,
Klaus

Easy way to detect 7" tablet v 10" tablet screen?

Participate now!

Users Viewing This Thread