אילו שינויים

שים לב להיעדר ה- <meta name="viewport" content="width=device-width, initial-scale=1">, אשר משבית את היבט התקרבות של אתרים במכשירים ניידים. בנוסף, איפסנו את רוחב המכולה שלנו ושינינו את סרגל הניווט כדי למנוע קריסה, ובעצם טוב ללכת.

לגבי ניווטים

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

דפדפנים, גלילה ואלמנטים קבועים

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

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

מערכת רשת לא מגיבה