First we added an apple-touch-icon.png file which gives a preferred icon for the website - similar to favicon.ico but used on iphones. (See my posting Adding a website icon for iphone and stopping page not found for mobiles)
Then on each webpage page we added an extra setting that gives some default settings to be used on the iphone.
On the website, for each page
- open the html
- add a new setting into the same area as the other meta settings to set the default display for a mobile (this is near the top by the <head>:
- add the setting
<meta name="viewport" content="width=670, initial-scale=0.45, minimum-scale=0.45"/>
And thank you to Selene for letting us test this on her iphone.
My Related Postings
How to #twitter your blog updates and add twitter to #website
Include an option on your #webpage so it can be added to delicious.com #social #bookmarking
Adding a website icon for iphone and stopping page not found for mobiles
Adding free blog subscription options
Add blog to website
Starting an author's platform