gpt4 book ai didi

html - 使用 viewport width=device-width 时如何在移动设备上禁用轻微剩余的水平滚动

转载 作者:行者123 更新时间:2023-11-28 01:43:13 24 4
gpt4 key购买 nike

我正在使用以下元数据将视口(viewport)设置为设备宽度meta(name='viewport', content='width=device-width, initial-scale=1.0, user-scalable=0;')

当我在 chrome for android 上加载页面时,页面宽度似乎是设备宽度,但是当我滚动时,滚动条出现并吞噬了页面宽度,所以浏览器认为视口(viewport)突然不是大到足以容纳页面和滚动条,但突然不能让我水平滚动几个像素。

这非常烦人,因为我将宽度设置为设备宽度,以便用户只能垂直滚动。如何阻止页面水平“摇晃”?

我尝试设置 margin: 0 10px 并且它似乎有效,因为我碰巧知道这个特定设备上的滚动条宽度,但有些设备有更宽的滚动条,我不想丢失可用屏幕上的宝贵像素房地产。

最佳答案

在你的 body 标签中添加 css overflow-x:hidden

关于html - 使用 viewport width=device-width 时如何在移动设备上禁用轻微剩余的水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24481224/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com