Question

iphone 6的可见显示看起来像是Safari中的559px。地址栏和底部工具栏占用一些空间。您如何使用javascript或jquery获得可见高度（559px）？

运行摘要并与开发人员一起检查iPhone 6、7和8

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, height=device-height">
        <title>space</title>
        <style>
        body{
            margin:0;
            height:100%;
            position:fixed;
            top:0px;
        }
        
        div{
            height:110px;
            width:100%;
            position:fixed;
            background-color:blue;
        }
        
        #a1{
            top:0px;
            background-color:lightgreen
            }
         #a2{
            top:110px;
            
        }
         #a3{
            top:220px;
            background-color:green;
        }
         #a0{
           top:330px;
            height:7px;
        }
         #a4{
           top:337px;
            background-color:green;
        }
         #a5{
          top:447px;
        }
         #a6{
           top:557px;
            background-color:green;
        }
        
    </style>
    </head>
    
    <body>
        <div id='a1' onclick="myFunction()">110</div>
        <div id='a2'>220</div>
        <div id='a3'>330</div>
        <div id='a0'>337</div>
        <div id='a4'>447</div>
        <div id='a5'>557</div>
        <div id='a6'>667</div>
        
        <script>
        function myFunction(){
            var h = window.innerHeight;
            console.log(h);
            
         }   
            
            
        </script>
        
        
        
    </body>
    
</html>

如何获得手机显示屏的可见高度

0 个答案: