获取客户端关于屏幕的信息
    window.screen.availWidth;
    获取可视区域的width
    document.body.clientWidth;

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7. </head>
    8. <body>
    9.     <script>
    10.         // 获取客户端关于屏幕的信息
    11.         var screenWidth =  window.screen.availWidth;
    12.          //获取可视区域的width
    13.         var viewWidth = document.body.clientWidth;
    14.         console.log(screenWidth)
    15.         console.log(viewWidth)
    16.     </script>
    17. </body>
    18. </html>

    1.PNG