Estoy trabajando en reaccionar donde tengo que detectar si la aplicación web está en modo de pantalla completa o no.
useEffect(() => { function handleResize() { setfullScreen(window.innerHeight === window.screen.height) } window.addEventListener('resize', handleResize) return () => window.removeEventListener('resize', handleResize); }, []);El fragmento de código anterior funciona bien con el zoom normal (100%) y detecta si la aplicación web está en modo de pantalla completa o no.
Pero cuando se amplía al 150%, no detectará el modo de pantalla completa.
¿Hay una mejor manera de detectar el modo de pantalla completa en reaccionar que funcione para todos los niveles de zoom?
usa este código:
const zoom = window.devicePixelRatio; setFullscreen( window.screen.height === Math.round(window.innerHeight * zoom) );