[참고] @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" />

 

【參考連結】

코멘트를 남겨주세요

유의하시기 바랍니다: 덧글 검토가 활성화되고 귀하의 코멘트를 지연시킬 수있다. 댓글을 다시 제출하실 필요는 없습니다.