저는 몇 년 전에 자바스크립트 퍼즐 게임을 만들었고 잘 작동했습니다. 최근 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%" 값이 생략되었다는 것을 알았습니다. 이 값을 유지하도록 하려면 어떻게 해야 할까요? ;