Sitenin iPhone da görüntülendiğinde yazı boyutunun büyüdüğünü görüyorsanız bunun aslında basit bir çözümü var, o da Css de bunu kullanmak:
-webkit-text-size-adjust: none;
Siteyi iPhone a daha kapsamlı adapte etmek için ise şöyle bir şey yapıp sadece
iPhone için bir stil şablonu kullanabiliriz:
<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
Veya mesela benim de yaptığım gibi tek bir sitil şablonunda kuralı böyle de kullanmak mümkün;
@media only screen and (max-device-width: 480px) {
body {
font-size: 70.5%;
margin: 0;
padding: 0;
}
#footer p {font-size:6px;
}
}
Detaylı kaynak: alistapart.com/articles/putyourcontentinmypocket
Ayrıca bir arakdaş sormuş bu sitede gölgeli yazılar var nasıl oluyor diye, o da text-shadow dur.
Örnek:
h3 {text-shadow: 0.1em 0.1em #333;}
Detaylı bilgi: http://www.w3.org/Style/Examples/007/text-shadow