확대/축소 시 Chrome 테두리가 사라지는 문제 해결

이 포럼 스레드에서 제기된 우려 사항은 사용자가 확대하거나 확대할 때 Chrome에서 입력 테두리가 사라지는 것과 관련이 있습니다. 밖으로. 문제가 모든 사용자에게 널리 퍼져 있지는 않지만 특정 양식(http://jsfiddle.net/TKb6M/91/에서 사용 가능)에 영향을 미칩니다.

예를 들어 90%로 확대하면 원본 테두리가 사라지고 입력 필드가 시각적으로 장식되지 않은 상태로 남습니다. 사용자는 또한 가로 공간을 효율적으로 할당하는 것을 목표로 하는 다른 스레드의 권장 사항에 따라 태그를 포함한다고 언급합니다.

이것이 CSS의 문제인지 Chrome의 특정 동작인지에 대한 의문이 생깁니다. 또한 사용자는 이러한 바람직하지 않은 효과를 방지하기 위한 솔루션을 찾고 있습니다.

제안된 솔루션

원본 포스터에서는 문제가 해결되었을 수도 있지만 기민한 사용자는 우연히 간단한 방법을 발견했습니다. 해결책. CSS 코드를 수정하면 문제가 해결될 수 있습니다.

원본 CSS

INPUT,TEXTAREA {
border-top: 1px solid #aaa
}

수정된 CSS

INPUT,TEXTAREA {
border-top: thin solid #aaa
}

이 수정은 명시적인 "1px" 값을 상대 단위인 "thin"으로 효과적으로 대체합니다. 결과적으로 테두리는 확대/축소 수준에 관계없이 일관된 모양을 유지합니다.

해결책은 Google 제품 포럼 스레드(https://productforums.google.com/forum/#!topic/chrome/)에서 제공되었습니다. r1neUxqo5Gc.

이 간단한 변경을 구현하면 Chrome에서 테두리가 사라지는 문제가 완화되어 확대/축소하는 동안 시각적으로 일관된 사용자 환경이 보장됩니다.