移动端IPhone6/7/8中100vw/vh像素溢出

今天在做移动端的时候发现在iPhone6/7/8上面使用100vw/vh会多出一些像素出来，导致出现了滚动栏，100vw/vh不应该刚好占满375/667px吗，求解答，万分感谢！


<style>
        body{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .box{
            width: 100vw;
            height: 100vh;
            background-color: #ccc;
        }
    style>

    <body>
            <div class="box">div>
    body>

div.box 也有默认的margin和padding，设置就好了，

.box{
            margin: 0;
            padding: 0;
            width: 100vw;
            height: 100vh;
            background-color: #ccc;
        }