Sunday, January 2, 2011
Tablet and Mobile Device Suport
This website renders fine on PC browsers, but navigation has some quirks for tablet and
mobile devices. I'm testing this only on iPad and iPhone4 but the general navigation and
control principles should apply to all. The first problem is the absence of mouseover events
in iPad/iPhone, so I changed the navigation to initiate animated dropdown display with
onclick event. Secondly, clicks are performed using a finger which has bigger surface area
than mouse, increased the font size for tablets so solve this problem. The iPhone screen
is much smaller so need to change font for body text and re-format text descriptions. Try
accessing the site on iPad or iPhone and it will set the correct viewport and override the
CSS with the same content and format.
-- Baldeep Hira