저는 몇 년 전에 자바스크립트 퍼즐 게임을 만들었고 잘 작동했습니다. 최근 iOS 16.4 및 Safari 16.4 업데이트 이후 코드가 같은 방식으로 작동하지 않습니다. 조사한 결과 문제를 발견했지만 해결 방법을 모르겠습니다.
내 코드에서는 2개의 CSS 속성(배경 크기 및 배경 위치)을 이와 같이 동적으로 설정했으며, (gridSize, xpos 및 ypos) 값은 이전에 코드에서 설정되었습니다.
으아아아이제 Safari 16.4에서 li 요소를 검사하면 다음이 표시됩니다.
背景大小：300% 自动；背景位置：0%；
배경 크기 속성과 배경 위치 속성에 "auto"를 추가하면 값이 하나만 있습니다(코드에서 각각 문자열로 설정했음에도 불구하고)
그러면 다음과 같아야 합니다:
背景大小：300%；背景位置：0% 0%；
이 동작은 iOS 16.4(모바일 Chrome 및 Safari) 및 MacOS Safari 16.4에서만 발생하며 다른 모든 Android 또는 PC 장치와 모든 이전 iOS 또는 Safari 버전에서 완벽하게 작동합니다.
Safari 16.4에서 제대로 작동하도록 이 문제를 해결하는 방법에 대한 제안
편집 1:
다음과 같이 x와 y 위치를 별도로 설정해 보았습니다.
으아아아하지만 결과는 같고 "Background Position"에는 하나의 값만 표시됩니다.
편집 2:
다음과 같이 값을 수동으로 입력하기도 했습니다.
으아아아확인해봐도 여전히 하나의 값은 생략되고 다른 값은 남깁니다(일부 요소의 경우에만 다른 요소에서는 제외).
으아아아이제 "0%" 값이 생략되었다는 것을 알았습니다. 이 값을 유지하도록 하려면 어떻게 해야 할까요? ;
P粉9900084282024-02-22 00:13:27
노력한 끝에 효과적인 해결책을 찾았습니다.
xpos 和 ypos 값에 0.000001을 추가하여 값이 0이면 Safari가 이를 절대 0으로 처리하지 못하게 할 것입니다... 그리고 voila 그것은 매력처럼 작동했습니다.