אתר מותאם לסלולר

[amitrotem]

שלום,

בניתי אתר שמותאם לסלולר, רוחב האתר הוא 320PX.

בעמוד ה HTML הוספתי את התגית:

<meta name="viewport" content="width=device-width, initial-scale=1">

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

לעומת זאת שאני נכנס לאתר עם Galaxy למינהם, האתר מופיע רוחב של 320PX ללא זום.

אשמח לחוות דעת, איפה אני טועה

תודה

[Milford Cubicle]

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

המטרה שלך היא לבנות עיצוב שנמתח ומתאים לכל הרזולוציות, לא רק לרזולוציה אחת ספציפית. קרא קצת על "עיצוב רספונסיבי".

[amitrotem]

קראתי על הנושא,

אבל במקרה שלי יש תמונה בעמוד שהרוחב שלה צריך להיות מותאם לרוחב מסוים, שלאחר בדיקה ברחבי הרשת היה רשום שעדיף להתאים ל 320PX, ומכיוון שהתמונה היא מרכיב ראשי בעיצוב העמוד, יותר נכון שכל העמוד יהיה ברוחב התמונה.

הבנתי שיש אופציה שאם מכשיר בעל רזולוציה מעל הרזולוציה שאני הגדרתי יתבצע זום לעמוד (SCALE)

אם יש דרך נכונה יותר לעבוד עם תמונות שהם מרכיב עיקרי בעיצוב העמוד אני אשמח לדעת

תודה