כיצד ניתן לבנות אתר מותאם לאייפון?

[SwfIt]

נכתב במקור על ידי איציק ברבי

זה דברים שברורים מאליו,
אבל כל הקטע שאני עובד עם meta viewport ומגדיר לו width ייחודי זה לא עובד בכל המכשירים, כל אחד עובד איך שבא לו.
מה יכולה להיות הבעיה?
http://asher-gallery.com/mobile.html
http://asher-gallery.com/mobile2.html

אתה הגדרת width: 1024px; למה אתה מצפה?

כשאתה מגדיר את הViewport, זה בסך הכל אומר לדפדפן לא לנסות לחקות דפדפן מחשב ולהציג את כל האתר בקטן, אלא אתה אומר לו להציג בגודל מסוים(בדרך כלל בגודל המסך ויחס 1).
במילים אחרות, אתה אומר לו שאתה כבר דאגת למראה טוב של האתר בגודל מסך קטן, והוא סומך עליך ולא מנסה לחקות Viewport גדול יותר (כמו של דפדפן מחשב) ולהקטין הכל למסך הקטן.

תעשה שימוש באחוזים.