Контекст: у меня на экране есть элемент Canvas для простой игры, и я хочу, чтобы он масштабировался с экраном. Я рассчитываю соотношение и применяю функцию шкалы CSS через JS. Когда я изменяю размер окна, все работает нормально. За исключением случаев, когда я максимизирую окно одновременно или, если я закрываю инструменты разработчика. Тогда новый размер не применяется, и я получил крошечный дисплей. Даже если я подожду, прежде чем применять масштаб, это не работает. Как на Firefox, так и на хром, поведение одинаково. Но в конце концов я исправил это, установив ширину и высоту вместо использования функции CSS Scale. Теперь, честно говоря, это произошло в несколько старой версии Firefox, 102, но мне было любопытно, если кто-то еще испытал это или если это было исправлено позже. />graphics.canvas.style.transform = 'scale(' + graphics.canvasScale + ')';
Подробнее здесь: https://stackoverflow.com/questions/796 ... e-function