Make Your Blog iPhone Compatible
Do you want to make your site look better on the iPhone with one line of HTML?
You just need to add a <meta> tag that lets the iPhone know how wide to display the initial page and believe it or not, but it won’t affect how your sites look!
more
Here is an example of the <meta> tag I am talking about:
<meta name=“viewport” content=“width=950″ />
When you open the page that contains the above meta tag, it will force the iPhone to widen the view according to your CSS body information. This means you need to have a code like this in your css document:
body { ...
min-width: 950px;
}
I personally don’t own an iPhone for its locked in Turkey, but I am hoping to get my hands on one and get it unlocked in two weeks. Then I will be able to see how wonderful my site looks in iPhone
PS: for more information on viewports, check the Apple iPhone developer page (lick on “Optimizing for Page Readability” to view it.)


