Improving CoovaAP portal pages for iPhone and Android
Over the last couple of weeks, I’ve been spending my spare time playing with the Coova AP (ChilliSpot) wireless hotspot service on a WRT54GL.
The main problem I’ve had with it is the portal pages not looking so good on mobile devices (particularly iPhone and Androids).
A little bit of Googling revealed a solution (at least, a solution for websites in general): insert the following meta tag into the HTML header.
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
In the CoovaAP configuration interface, you can apply this for every portal page by adding it to the “HotSpot”/”Portal”/”HTML Title”.