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

אני רוצה לגלות לך פטנט מבריק
שברגע שגיליתי אותו
הוא הפך את החיים שלי
לקלים ממש!
אני פותחת את כלי המפתחים (F12)
לוחצת על +,
מגדירה כלל CSS לכל האלמנטים (*)
ומגדירה שכולם יהיו עם מסגרת אדומה
הנה ככה:
עכשיו כל האלמנטים בדף
מוקפים במסגרת אדומה
וכשאני גוללת את הדף הצידה
לרווח המעצבן הזה בצד –
ברור לי מאוד מי האשם כאן,
איזה אלמנט חורג מהדף.
מה עכשיו?
אני יכולה לבדוק למה האלמנט חורג.
ואם חסרה לי המיומנות הזו,
אפשר פשוט להסתיר את האלמנט במובייל.
מה שבטוח –
מציאת הבעיה היא כבר רב הפיתרון

מדליק, אה?
חיים קלים.
תצליחי

,
תתקדמי

,
ותשתפי אותי

רבקי
לפוסט הזה יש תגובה אחת
טיפ מחיים בניסטי –
הבעיה הזו מתרחשת באלמנטים שיש להם אפקט גלילה
חפשו את וידג'ט ה-'אזור פנימי' שבתוכו נמצא האלמנט המונפש והגדירו את התכונה 'גלישה' למוסתר
זה מממש את התכונה 'overflow – hidden' בדיוק על על האלמנט שצריך את זה