제가 작성한 h5 페이지가 휴대폰에서 오른쪽으로 슬라이드되어 스타일에 문제가 발생하는 것을 발견했습니다~문제 해결 이유 1: 모바일 적응이 안 됨
html 헤드에 다음 내용을 추가합니다.
<메타 이름=뷰포트 콘텐츠=width=device-width,initial-scale=1.0, user-scalable=no>
width=device-width 페이지 너비를 장치 너비와 동일하게 만드는 것을 의미합니다.initial-scale=1.0 초기 페이지 너비가 장치 너비의 1배와 같다는 것을 의미합니다.user-scalable=no 는 변경할 수 없음을 의미합니다.위의 구성을 수행한 후에도 문제가 해결되지 않았습니다. 요소를 확인해보니 페이지에 있는 요소(보라색 부분)의 너비가 장치 너비를 초과하여 페이지가 미끄러지는 것을 발견했습니다.
너무 넓은 요소의 CSS를 수정한 후 문제가 해결되었습니다.
위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.