내 웹사이트는 이번 주말까지 잘 돌아가고 있었습니다. 오늘 저는 많은 브라우저에서 콘텐츠를 수직으로 스크롤하는 기능을 상실했다는 사실을 발견했습니다. 지난 주에 서버 또는 코드에 적용된 유일한 수정 사항은 권장 업데이트/업그레이드였습니다. 내 웹사이트는 PHP 7.3 + MariaDb 10.4 + 일부 작은 JS 스크립트(jquery-3.4.1.min.js)를 사용합니다. 이는 5GB 메모리를 갖춘 (가상) Ubuntu 18.04 LTS Apache2 웹 서버(HTTPS)에서 호스팅됩니다.
여러 브라우저에서 사이트를 테스트했습니다. Ubuntu/Deb10의 Firefox는 Debian의 Chromium과 마찬가지로 항상 작동합니다.
Ubuntu의 Chromium, Ubuntu/Deb10의 Vivaldi 및 Google Chrome(이러한 브라우저는 모두 현재 안정적인 버전입니다)에 스크롤 문제가 있습니다.
Google Chrome 또는 Edge를 사용하는 Win10에서도 동일한 문제가 발생합니다.
마지막으로 작업 브라우저에서 웹사이트를 열고 페이지 소스를 다운로드한 후 텍스트(.html) 파일에 복사합니다. 언급된 브라우저 중 하나 또는 모두에서 이 파일을 열면 잘 작동하고 스크롤도 잘 작동합니다. 이전 버전의 Google Chrome(chrome64_68.0.3440.84)을 사용한 테스트도 문제 없이 작동했습니다.
이 동작의 원인을 어디서부터 찾아야 할지 전혀 모르겠습니다. 웹 서버나 Chrome에 문제가 있습니까? 더 자세한 내용이 필요한 경우 질문해 주시면 질문에 추가해 보겠습니다.
답변1
범인이 발견되었습니다. 문제는 다음과 같이 "IE 해킹"이라는 라벨이 붙은 여러 문이 포함된 오래되고 잊혀진 .css 파일에서 발생했습니다.table { font-size: 100%; IE hack }
이 파일을 정리하면 Google Chrome 및 기타 관련 브라우저의 모든 기능이 복원됩니다.
제가 대답할 수 없는 것은 오류 메시지나 최신 코드 또는 브라우저 업데이트 없이 왜 이 문제가 매일 나타나는지입니다. 그러나 그것은 완전히 다른 질문이므로 지금은 묻지 않겠습니다.