03-05-2013, 10:24
|
|
|
|
חבר מתאריך: 12.04.06
הודעות: 2,021
|
|
בתגובה להודעה מספר 5 שנכתבה על ידי Dj Fistok שמתחילה ב "עליתי על הבעיה אבל אני עדיין לא יודע איך לפתור אותה.."
נתחיל מההגדרה שלך,
לדעתי אתה צריך לשנות את ההגדרה של "אתר מותאם" כמו שאתה מתייחס אליה -
אתה לא צריך להתאים אותו לפי סוג המכשיר, אלא לפי גודל המסך.
יש המון מכשירים ואתה הרי לא עובר אחד אחד ומתאים לו אתר.
תחשוב על נניח 2-3 גדלים שיתאימו לרוב המכשירים, לדוגמא קטן לאייפונים ודומיו, בינוני לגלקסי ודומיו וגדול לאייפדים ודומיו. ואז תבחר תנאים שלא יחפפו ויצרו בעיה.
מעבר לזה, יכול להיות שאתה בכלל לא צריך גדלים שונים.
אם האתר שלך בסופו של דבר ניראה זהה לכל המכשירים (לא בדקתי), פשוט תיצור CSS עם אחוזים.
width: 100% ימתח את רוחב האתר לכל גודל המסך, ויפתור לך בעיה של תאימות.
כמה הערות על הקוד,
מהתבוננות בקוד מקור של http://hez-laor.co.il/phone/mobile.html
ובקובץ "small.css" -
ניראה שאתה מגדיר לכל המסכים את כל הCSS מחדש.
שים לב כמה כפילויות יש בהגדרות של body , message , facebook , #div... וכדומה.
אתה יכול ליצור רשימה של כל האלמנטים עם ההגדרות הבסיסיות, ואז לשנות לכל media רק את הפרמטר הנחוץ באלמנטים הספציפיים שמשתנים.
בדוגמא שהבאת עבור שינוי התצוגות לפי ה media,
אתה יכול לנסות ולשנות את סדר ההופעה של התנאים.
תתחיל ותגדיר מהמסך הגדול ביותר לקטן ביותר.
בCSS, כל עוד לא השתמשת ב important, ואתה מגדיר פרמטר עבור אותו אלמנט, האחרון שהוגדר הוא שישפיע.
בצורה כזאת, האתר יותאם לגודל המינימלי שעונה על אחד התנאים שלך.
אם אתה רוצה להתאים בכל זאת לפי מכשירים,
יש קודים בJS / בPHP שיכולים לעזור לך לזהות את סוג המכשיר לפי יותר פרמטרים ולתת לך זיהוי קצת יותר מדוייק אודותיו.
_____________________________________
|