I’ve been working on a project for a local community organization to collect people’s contact info (e.g. email address) when they attend an event. Adding some help information to it.
I prefer to write the help copy in HTML as it’s reasonably easy to format. The problem I had was that while the help text is perfectly readable on the simulator and a regular size iPad, it was much to small on an iPad mini. After some digging around (thank you, forum) I found that there’s no easy or reliable way to tell which device I’m running on. So, I added a feature to allow the user to change the font size.
In the bit of CSS where one specifies the size, instead of a size I placed %1 (i.e. font-size: %1px;).
Then, when it’s displayed, the %1 is replaced by the size the user has set. The size is stored in a preferences table so it can be used the next time someone views help.