-
תגובות
-
הגדרתי בבילדר בתוך סקשן אחד 3 וידג'טים של תמנוה + טקסט. כל אחד מהם הוגדר על 100% , כלומר 3 אזורים של תמונה+טקסט אחד מתחת לשני.
התמונה מיושרת לפעמים לשמאל ולפעמים לימין ביחס לטקסט.
מה שקורה מבחינת רספונסיביות במסכים קטנים – ככל שה VIEWPORT קטן, אז האזור של הטקסט שליד התמונה קטן ומצטמטם עוד ועוד, התמונה נשארת אותו הגודל.
לבסוף בגודל מסך של טלפון, הטקסט שליד התמונה נעלם לגמרי ולא רואים בכלל טקסט. התוצאה במובייל שגם נוצרים רווחים ענקיים במקום הטקסט, כלומר מוצגת תמונה וריווח ריק.
זה נראה כמו באג בהגדרות הרספונסיביות של הוידג'ט הזה.
אוסיף תגובה פרטית עוד רגע , עם לינק בו תוכלו לראות את התופעה.
תודהתגובה זו סומנה כפרטית.זה באמת נראה כמו באג ברספונסיב, הייתי שמח אם תוכל לשים אצלך את הקוד הבא ב Live CSS ולעדכן אותי, כדי לראות שזה באמת הסתדר ובעדכון הבא שיצא בתחילת שבוע נעדכן את הבאג:
div.pojo-image-text img.alignleft, div.pojo-image-text img.alignright { max-width: 50%; } @media only screen and (max-width: 499px) { div.pojo-image-text img.alignleft, div.pojo-image-text img.alignright { float: none; margin: 0 auto; max-width: 100%; } }שמתי, נפלא! נראה שזה פתר את הענין.
תודה רבה 🙂מעולה, נכניס לעדכון הקרוב ביום ראשון
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.