פטנט מבריק
שיעשה לך חיים קלים

אני עובדת ככה במרץ
על דף מושקע במיוחד.
מעצבת, 
מתעכבת על האפקט המושלם.
וכשאני בודקת את הדף במובייל —
אאוץ!!
כל הדף נגלל הצידה! 
מה זה הרווח המציק הזה בצד??
 
 
 
מה את עושה כשזה קורה לך?
איך את פותרת את הבעיה הזו?
תכתבי לי, 
אני בטוחה שאת אלופה, 
ובטח תחדשי לי משהו  🤗
 
אני רוצה לגלות לך פטנט מבריק
שברגע שגיליתי אותו
הוא הפך את החיים שלי 
לקלים ממש!
 
אני פותחת את כלי המפתחים (F12)
לוחצת על +,
מגדירה כלל CSS  לכל האלמנטים (*)
ומגדירה שכולם יהיו עם מסגרת אדומה
הנה ככה:
 
 
עכשיו כל האלמנטים בדף 
מוקפים במסגרת אדומה
 
 
וכשאני גוללת את הדף הצידה
לרווח המעצבן הזה בצד –
ברור לי מאוד מי האשם כאן,
איזה אלמנט חורג מהדף.
 
 
מה עכשיו?
אני יכולה לבדוק למה האלמנט חורג.
ואם חסרה לי המיומנות הזו,
אפשר פשוט להסתיר את האלמנט במובייל.
מה שבטוח – 
מציאת הבעיה היא כבר רב הפיתרון  🚀
 
מדליק, אה?
חיים קלים.
 
תצליחי 💫,
תתקדמי 🚀,
ותשתפי אותי 🙃
רבקי
 
נ.ב.
הפוסט פורסם ברשימת התפוצה התוססת שלי.
בין התגובות הרבות שקיבלתי – 
אמרו לי שבאלמנטור אפשר להגדיר 
שהתוכן הגולש יוסתר
נכון, אני יודעת. עדיין לא תמיד הכל בנוי רק באלמנטור
והטיפ הזה שימושי מאוד.
 
עוד כמה בונות אתרים סיפרו לו
שהן מוסיפות לאתר את קוד ה CSS הבא 
(גם רעיון מדליק, לא חשבתי עליו):
body,html{
       overflow: hidden;
}

לפוסט הזה יש תגובה אחת

  1. אלעזר 1

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

כתיבת תגובה

אולי תאהבי גם:

זה למה נמאס לי לקנות מותגים

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

תהא שנת פיתוח דרמטי 😊

הבאתי לך כאן אפקט קליקלות, משדרג כל אתר טרנדי וטיפוגרפי פלאאאם:

צלמת בת 12???

כל מי ששומע על הגיל מרים גבה. אבל כן.