Mobile Safari에서 이상한 텍스트 입력 필드 버그를 수정하는 방법은 무엇입니까?

Question

내가 현재 작업하고있는 중일 때 나는 모바일 사파리에서 오른쪽으로 윈도우를 밀고있는 이상한 텍스트 입력 필드 "너비"버그를 발견했습니다. 나는 이해할 수없는 것 같습니다. 컴퓨터에서 확인해도 괜찮습니다. 나는이 문제를 iPod과 iOS Simulator (모든 장치에 버그가 있음)에서 테스트했습니다. 어떤 제안?

Answer 1

그래서, 기본적으로, 모바일 사파리와 데스크톱 사파리는 다른 기본 스타일 시트가 있습니다. 너비 등으로 좋은 일을하는 동안, 누락 된 한 가지는 명시 적으로 입력에 패딩을 설정하는 것입니다. 이 현상이 범인입니다 (데스크톱 Safari는 기본적으로 입력 패딩을 1px로 만듭니다. 모바일에서는 아마도 몇 px 더 큽니다). 나는 당신이 -webkit-appearance : none (nice)을 사용하는 것을 보았다. 그래서 여러분이 명시 적으로 패딩을 선언하는 한, 당신은 잘되어야한다.