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

移动端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日

悬赏问题

  • ¥15 救!ENVI5.6深度学习初始化模型报错怎么办?
  • ¥30 eclipse开启服务后,网页无法打开
  • ¥30 雷达辐射源信号参考模型
  • ¥15 html+css+js如何实现这样子的效果?
  • ¥15 STM32单片机自主设计
  • ¥15 如何在node.js中或者java中给wav格式的音频编码成sil格式呢
  • ¥15 不小心不正规的开发公司导致不给我们y码,
  • ¥15 我的代码无法在vc++中运行呀,错误很多
  • ¥50 求一个win系统下运行的可自动抓取arm64架构deb安装包和其依赖包的软件。
  • ¥60 fail to initialize keyboard hotkeys through kernel.0000000000