CSS 구문을 조정했을 때,不知道為什麼,해상도가 휴대폰 해상도로 시뮬레이션 된 후,버전은 RWD가 가져야하는 효과를 표시하지 않습니다.,처음에는 @media 화면 구문이 효과가 없다고 생각했습니다.,반복 테스트 후,너비 문법이 해상도 비율 변경을 따르지 않는 것으로 나타났습니다. (이미 자동으로 설정되었거나 최대 너비 사용)。나중에 "웹 개발자"모드를 닫으려고했습니다.”터치 시뮬레이션”풍모,정상입니다,이유를 모르겠어요。
파이어 폭스
터치 시뮬레이션 켜기
터치 시뮬레이션 끄기
가장자리 (크롬) 조정 방법
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 크롬에서, 터치 센서 에뮬레이션을 비활성화하는 기능은 어디에 있습니까?? – Quora
- Responsive Web Design 基礎 : 세트 | by Amdis Liu | Frochu | Medium