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

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>