如果用户调整窗口大小/窗口未最大化，是否可以隐藏网页上的图像

Question

如果用户调整浏览器大小或用户浏览器未全屏，我可以使用javascript隐藏img吗？类似的东西..

<script> if(window.size != fullscreen) document.getElementById('img').style.visibility='hidden'; <script>

Answer 1

您可以使用

screen.width和screen.height来获取全屏宽度和高度。您可以将这些与 window.outerWidth 和 window.outerHeight 进行比较。

Answer 2

    <script>
    var hideImage=function () {
     if ( screen.availHeight != window.outerHeight ||screen.availWidth != window.outerWidth) //checking that window is not maximized
       document.getElementById('img').style.visibility='hidden';
    };
window.onresize=hideImage();
window.onload=hideImage();
    </script>