बस जब मैंने CSS सिंटैक्स समायोजित किया，不知道為什麼，संकल्प के बाद मोबाइल फोन संकल्प के रूप में सिम्युलेटेड है，संस्करण उस प्रभाव को नहीं दिखाता है जो RWD के पास होना चाहिए，पहले मुझे लगा कि @मीडिया स्क्रीन सिंटैक्स प्रभावी नहीं हुआ है，बार-बार परीक्षण के बाद，यह पाया गया कि चौड़ाई व्याकरण संकल्प अनुपात परिवर्तन का पालन नहीं करता है (पहले से ही ऑटो पर सेट या अधिकतम-चौड़ाई का उपयोग करें)。बाद में, मैंने "वेब डेवलपर" मोड को बंद करने की कोशिश की”टच सिमुलेशन”विशेषताएं，सामान्य रहेगा，मुझे नहीं पता कि यह इस तरह क्यों प्रभावित होता है。
फ़ायरफ़ॉक्स
टच सिमुलेशन चालू करें
टच सिमुलेशन बंद करें
धार (क्रोमियम) समायोजन विधि
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" />
संदर्भ [कड़ी]
- Google Chrome में, जहां स्पर्श सेंसर अनुकरण को अक्षम करने की क्षमता है? – Quora
- Responsive Web Design 基礎 : 設定 | by Amdis Liu | Frochu | Medium
