YAML Layout for the iPhone

[Lee_Griffiths]

Hi there

The last few days I've tried out the YAML Framework a little.
It's pretty cool^^

My Question:
Is there also a solution in YAML to optimize my website for the iPhone or other smartphones?

greetings
Lee

[djesse]

Hi Lee,

you don't need any special optimisation for the iPhone. The iPhone Safari is a great browser. Just use media queries to adress your mobile Screenlayout, e.g.

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="http://www.domain.com/css/mobile.css" type="text/css" />

In addition you should insert a meta tag vor iPhone scaling and rotation settings, e.g.:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

With these small tricks you can create your iPhone layout easily.

Best regards
Dirk

[inigong]

Hi Lee,

you don't need any special optimisation for the iPhone. The iPhone Safari is a great browser. Just use media queries to adress your mobile Screenlayout, e.g.

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="http://www.domain.com/css/mobile.css" type="text/css" />

In addition you should insert a meta tag vor iPhone scaling and rotation settings, e.g.:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

With these small tricks you can create your iPhone layout easily.

Best regards
Dirk

Hi Dirk,

I;ve read the article you wrote and I try out YAML for my iphone and also for my website. the layout looks fantastic. I hope, you could come up with a website that have the how to's of YAML specially for us beginners.

Many thanks and keep it up.