[참고] @media 화면은 브라우저 개발 도구에 영향을주지 않습니다.

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" />

 

【參考連結】

회신을 남겨주

귀하의 이메일 주소는 공개되지 않습니다. 필요 입력 사항은 표시되어 있습니다 *

이 사이트는 스팸을 줄이기 위해 Akismet에 사용. 귀하의 코멘트 데이터가 처리되는 방법 알아보기.