בדיוק כשעשיתי את תחביר ה- CSS,不知道為什麼,לאחר הרזולוציה מדומה כרזולוציית הטלפון הנייד,הגרסה אינה מציגה את ההשפעה של RWD,בהתחלה חשבתי שתחביר המסך @media לא נכנס לתוקף,לאחר בדיקה חוזרת ונשנית,נמצא כי דקדוק הרוחב אינו עוקב אחר שינוי יחס הרזולוציה (כבר מוגדר אוטומטי או השתמש ברוחב מקסימלי)。מאוחר יותר ניסיתי לסגור את המצב "מפתח אתרים"”הדמיית מגע”מאפיינים,יהיה נורמלי,אני לא יודע למה זה משפיע ככה。
Firefox
הפעל הדמיית מגע
כבה את הדמיית המגע
קצה (כרום) שיטת התאמה
1. נְקוּדָה"…」
2. בחר "הוסף סוג מכשיר"
1. בחירת סוג המכשיר "תגובה"
2. ב"סוג מכשיר "מ “נייד” 改成 “שולחן עבודה” כדי。
《2024/02/23 更新》
後來找出原因,網站在 HTML Head 有定義 viewport 的 meta tag,如下:
<meta name="viewport" content="width=device-width" />
但沒有定義 initial-scale 比例,因此補上就可以了。
<meta name="viewport" content="width=device-width, initial-scale=1" />
【參考連結】
- בגוגל כרום, היכן היכולת להשבית הדמיית חיישני מגע? – קווורה
- Responsive Web Design 基礎 : ערכה | by Amdis Liu | Frochu | Medium