Спасибо вам за помощь. Я протестировал пару примеров из этих ссылок.
https://stackoverflow.com/questions/...hange-listener
из этой ссылки использовал код:
(function updatePixelRatio(){
matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`)
.addEventListener('change', updatePixelRatio, {once: true});
console.log("devicePixelRatio: " + window.devicePixelRatio);
})();
В браузере google chrome на ноутбуке при масштабировании нажатием клавиш CTRL + , значение devicePixelRatio изменяется.
А вот на моем телефоне Redmi 9 (Андроид) при масштабировании страницы сайта devicePixelRatio не изменяется.
То есть для телефона нужен какой-то другой способ, если он существует.
из второй ссылки
https://developer.mozilla.org/en-US/...dia/resolution
также попробовал пример.
В браузере google chrome на ноутбуке при масштабировании нажатием клавиш CTRL +, только при достижении масштаба 400 % изменяется фон текста.
На телефоне фон и текст при масштабировании остается неизменным.
Буду дальше разбираться способен ли javascript отслеживать масштабирование "пальцами" в браузере на мобильном телефоне.