ריספונסיביות לא עובדת בתמונת רקע בסרגל עליון והפוטר וידגט

הי,
יש לך הגדרה של גודל תמונה.
נסה להגדיר את זה כ-conatin.

טעות שלי. אין את האופציה הזאת..

אתה יכול להוסיף באמצעות CSS:

#top-bar {
    background-size: contain;
}

אבל זה קצת בעייתי כיוון שאתה משתמש בתמונה קטנה וכדי לפרוס אותה אתה יוצר שכפול.
הייתי מציע שתנסה ליצור תמונה נוספת ברוחב 1920Px נאמר, ותתן לה את הרקע הזה.
אז לא תצטרך לשכפל את זה וה-contain יראה טוב.

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

אין בעד מה 🙂