התאמת html של אימייל לסלולרי

[miriamf]

שלום
האם מישהו יודע מה צריך להוסיף ל html של אימייל כדי שיתאים את עצמו בצורה יפה לסלולרי, דפדפנים בכל מיני גדלים? (כנראה אני מתכוונת איך הופכים לרספונסיבי?)
תודה

 

[dem]

זה נושא שלם, בגדול - את צריכה להגדיר media queries לכל סוגי הגדלים

 

[Shia]

@dem: אין דבר כזה media queries לאימייל.

@miriamf: צריך פשוט לעצב את המייל שלא יהיה רחב מידי, כדי שבמובייל זה יהיה סביר ולא יהיה מידי כשה להשתלט על הכל.

 

[dem]

@dem: אין דבר כזה media queries לאימייל.

למה מה קרה יש ויש
אתה יכול להגיד אחרת, שזה לא נתמך בכל סוגי תוכנות האימייל

 

[Shia]

למה מה קרה יש ויש
אתה יכול להגיד אחרת, שזה לא נתמך בכל סוגי תוכנות האימייל

אשמח שתראה לי דוגמה הכי פשוטה שיש איך אתה יכול להשתמש בmedia queries במייל.

 

[dem]

עוד לא עשיתי את זה אף פעם, רק למדתי על זה
קח דוגמא http://www.campaignmonitor.com/blog/post/3163/optimizing-your-emails-for-mobile-devices-with-media/

 

[miriamf]

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

 

[chani-studi]

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

מהו המבנה של העמוד?
תעלי לכאן דוגמא של העיצוב,

יש עיצובים פשוטים לבניה לסלולארי
ויש כאלה שדורשים התאמות מיוחדות
שאינן נתמכות בכל תיבות המייל.

 

[miriamf]

אני מקווה שהקובץ מספיק ברור

 

[Shia]

במקרה הזה נראה שאפשר פשוט לתת רוחב באחוזים

 

[miriamf]

תודה, זה נשמע מעניין. אתה יכול לתת דוגמה לרוחב באחוזים?

 

[miriamf]

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

<table id="background" style="table-layout: fixed; width: 100%;" border="0" cellspacing="0" cellpadding="0" bgcolor="#727272">

שם נראה שהרוחב באחוזים אבל בשורה הבאה

<table style="font-family: Arial, Helvetica, sans-serif; width: 526px;" border="0" cellspacing="0" cellpadding="0" align="center">

האם זה אומר שהטבלה עצמה לא באחוזים? ואם כן אפשר להפוך לאחוזים?ואם כן...לתת לו 100%?
תודה מקווה שמישהו יענה...

 

[miriamf]

משום מה אני רואה שהקוד לא מודפס
בשורה הראשונה כתוב שהרקע הוא 100% רוחב
אח"כ כתוב שהטבלה היא 526 פיקסלים. האם לתת לטבלה רוחב באחוזים?

 

[Shia]

כן

 

[chani-studi]

אני מקווה שהקובץ מספיק ברור

אפשר באחוזים,
אין צורך בהתאמות מיוחדות