Chrome 확대/축소 문제: 입력 테두리가 사라짐

Google Chrome에서 확대 또는 축소할 때 입력 테두리가 사라지는 난처한 문제가 사용자에게 발생했습니다. . 이 문제는 포럼에서 표면화되어 사용자들이 해결책을 찾게 되었습니다.

Chrome을 사용하여 확대할 때 문제가 발생하여 입력 테두리가 사라집니다. 이 동작은 특정 웹사이트에서 관찰되었으며 확대/축소 수준에 따라 달라질 수 있습니다.

해결책: 테두리 두께에 대한 CSS 수정

이 문제에 대한 간단한 해결책은 다음을 수정하는 것입니다. 테두리용 CSS. 특히 테두리 두께를 고정 값에서 "얇음"으로 변경하면 문제가 해결됩니다.

예를 들어 CSS에 원래 다음 코드가 포함된 경우:

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

다음 코드로 바꾸면 문제가 해결됩니다.

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

Chrome 버그 또는 CSS 문제인가요?

이 동작의 근본 원인은 불분명합니다. Chrome 버그일 수 있다고 추측하는 사람도 있고, 테두리를 정의하는 데 사용되는 CSS에 문제가 있다고 말하는 사람도 있습니다.

테두리 두께를 '얇게'로 변경하면 문제가 효과적으로 해결되는 것으로 보이며, 문제는 Chrome의 얇은 테두리 렌더링과 관련이 있습니다.