ios微信中fixed定位的元素样式不正确

发布于 2022-09-04 22:08:13 字数 316 浏览 13 评论 0

举个最简单的例子,页面上有个div,样式差不多是这样的

html, body {
    height: 100%;
}
div {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: red;
}

然后在微信中打开,显示正常,全屏红色,然后旋转屏幕,就会发现宽度依旧是竖屏时的宽度

Safari中没有这个问题,安卓微信中也没有,如果把fixed改成absolute,就没有问题,有人遇到过吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文