위 챗 애플 릿 bug 기록 및 해결 방법

1356 단어 위 챗 애플 릿bug
위 챗 애플 릿 버그 기록
textarea
1.textarea 는 시 뮬 레이 터 에 padding 이 없 지만 실제 컴퓨터 에 서 는 padding 을 가지 고 다 니 며 외부 에서 고 칠 수 없 으 며 안 드 로 이 드 와 IOS 에 서 는 padding 이 다 릅 니 다.


첫 번 째 그림 은 개발 도구 에 있 고 두 번 째 그림 은 IOS 리 얼 컴퓨터 에 있다.위의 그림 에서 알 수 있 듯 이 개발 도구 에 정상적으로 표시 되 고 padding 이 없 지만 실제 기기 의 왼쪽 상단 에 padding 이 나타 나 고 외부 에서 textarea 의 padding 을 처리 하 더 라 도 덮어 쓸 수 없습니다.
현재 해결 방법 은 ios 와 android 의 서로 다른 플랫폼 에 따라 teaxarea 에 서로 다른 스타일 을 설정 하 는 것 이다.
해결 방법:wx.getSystemInfo 를 통 해 현재 장치 의 플랫폼(IOS or Android)을 가 져 온 다음 플랫폼 에 따라 서로 다른 오프셋 스타일 을 설정 하여 호 환 할 수 있 습 니 다(margin:마이너스).
2.textarea 등급 이 가장 높 고 z-index 를 사용 하여 수정 할 수 없어 서 자체 제작 modal 등 구성 요소 에 문제 가 생 겼 습 니 다.이 문 제 는 개발 도구 에 도 문제 가 없고,실제 기계 에 도 문제 가 생 긴 다.
현재 해결 방법:modal 이 팝 업 할 때 textarea 를 숨 기 고 구체 적 으로 숨 기 는 방법 3
3.textarea 는 display:none 을 사용 합 니 다.visibility: hidden; opacity:0 도 숨 길 수 없어 요.
현재 의 해결 방법:

textarea.hidden {
  position: relative;
  left: -1000%;
}
총결산
위 에서 말 한 것 은 소 편 이 여러분 에 게 소개 한 위 챗 애플 릿 bug 기록 과 해결 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기