אופטימיזציה של CSS עבור iPod ו- iPhone Safari

לגעת באייפוןבניית יישומים המותאמים לשימוש iPod או iPhone היא דרך נהדרת לטבול בשוק מתפוצץ עם יותר 1 מיליארד הורדות עד היום. חשוב להבין שמספרים אלה אינם כוללים יישומים מבוססי דפדפן המותאמים במיוחד ל- Safari ב- iPhone או ב- iPod Touch ואינם דורשים הורדה.

היום נשכתי את הכדור ורכשתי 16Gb iPod Touch להתחיל לבדוק את הפלטפורמה גם עבור Safari וגם עבור אפליקציות. בטח ... התרגשתי מכך שאני יכול לצפות בסרטים בדרכים וגם ה- iPod Touch יכול לשמש כשלט עבור AppleTV שלי!

המשימה הראשונה שלי הייתה עדכון שלי מחשבון שכר לשימוש עם Safari ב- iPod Touch או ב- iPhone. זה יישום שבניתי כמעט בכל שפות ... אז הגיע הזמן שאתחיל ללמוד פיתוח עבור Safari וללמוד את מסגרת היישומים.

באופן מעניין, העלאת הדף בספארי לא השתמשה באופן אוטומטי ב- מדיה = כף יד הגדרות css, אז הייתי צריך לכתוב סקריפטים בצד השרת ב- PHP כדי להשתמש בגיליון הסגנונות המתאים:


> קישור rel = "גיליון סגנון" מדיה = "מסך" href = "iphone.css" type = "text / css" />
>? php} אחר {?>
> קישור rel = "גיליון סגנונות" מדיה = "מסך" href = "style.css" type = "text / css" />
>? php}?>

יש לי שהדף נראה די טוב, אבל אני יודע שיש המון טיעוני iPhone ו- iPod Safari CSS אני יכול לנצל, אפילו להזיז רכיבים על סמך כיוון העמוד לרוחב או לאורך. אמשיך להתנסות!

יש לכם אייפון או אייפוד טאץ '? נסה את מחשבון שכר ותודיע לי איך זה נראה לך! זכור כי כמעט כל השינויים בין הדף נעשו באמצעות CSS בלבד! יכול להיות שהיה קל יותר פשוט לכתוב דף חדש לגמרי - אך לא מאתגר כל כך.

תגובות 3

  1. 1

    דאגלס-

    תודה על הטיפים ל- iPhone CSS ... האם זה יהיה דומה לסמארטפון או לסמארטפון אחר המשתמש בדפדפן נייד?

  2. 3

    אני צריך להשיג לעצמי אייפון, אפילו אין לי מגע עם ipod. אני הולך ללכת לאיבוד עם ה- css ודברים, כל דבר עם קוד לא נמצא בליגה שלי

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.