Dx_Lp 2022-11-08 21:50 采纳率: 100%
浏览 17
已结题

移动端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>
  • 写回答

1条回答 默认 最新

  • 天問_ 2022-11-09 12:34
    关注

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

    .box{
                margin: 0;
                padding: 0;
                width: 100vw;
                height: 100vh;
                background-color: #ccc;
            }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月17日
  • 已采纳回答 11月9日
  • 创建了问题 11月8日