Comment obtenir les mêmes coordonnées sur une page html en mode plein écran et en mode plein écran?

Question

J'ai une page html où je place des images sur des coordonnées x et y spécifiques par rapport à la fenêtre dans laquelle elles se trouvent, mais quand je clique sur mon plein écran pour faire passer la page en plein écran, les images sont légèrement coordonnées je veux qu'ils soient. Y a-t-il un moyen d'obtenir les mêmes coordonnées en basculant en plein écran?

    function toggleFullScreen() { 
        var doc = window.document; 
        var docEl = doc.documentElement; 
        var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen; 
        var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen; 

        if (!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) { 
         requestFullScreen.call(docEl); 
         var load = document.getElementById('<%=alreadyLoaded.ClientID%>'); 
         load.value = 2; 
        } 
        else { 
         cancelFullScreen.call(doc); 
         var load = document.getElementById('<%=alreadyLoaded.ClientID%>'); 
         load.value = 2; 
        } 
       } 

Answer 1

de cette façon, vous pourrez appeler toggleFullScreen(); chaque fois que l'écran change de taille, je n'ai pas encore testé le code, vous pouvez le tester et me donner quelques commentaires

window.addEventListener('resize', function(event) { 
     toggleFullScreen(); 
    });