[הערות] למסך @media אין כל השפעה בכלי פיתוח הדפדפן

בדיוק כשעשיתי את תחביר ה- 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" />

 

【參考連結】

השאיר תגובה

שים לב: תגובת התמתנות מופעלת ועלולה לעכב את התגובה שלך. אין צורך להגיש מחדש את התגובה שלך.