[नोट्स] @मीडिया स्क्रीन का ब्राउज़र के विकास टूल में कोई प्रभाव नहीं है

बस जब मैंने 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" />

 

संदर्भ [कड़ी]

यह साइट स्पैम को कम करने के लिए Akismet का उपयोग करती है. जानें कि आपका टिप्पणी डेटा कैसे संसाधित किया जाता है.

0 टिप्पणियां
Inline Feedbacks
View all comments