Turk Hit Box

Turk Hit Box

Ramblings of a Turkish Internet Mogul

Top Pages

Recent Articles

Pages

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.)

Posted in: Design

1 Response


Brad on 11.06.2007 at 11:52 pm

This is great!

Your page looks awesome from an iPhone BTW. I tried to leave a message with it, but when I selected this message box it wouldn't prompt the iPhone keyboard.

Leave a Reply