当前位置: 首页 > 知识库问答 >
问题:

页面布局 - 如何解决移动端页面出现滑动条和空白条问题?

朱俭
2024-02-01

为什么移动端设置了宽度为430px,且所有的内容的宽度也都在430px以内,还是会出现手机端左右滑动条?且还会出现右边有一长条竖着的空白条无法删除。如图右侧这个竖条

希望能够将这个竖条以及横向左右滑动条删除

共有1个答案

周学义
2024-02-01

html,body{overflow: hidden;width:430px}

我访问了一下,目前好像没有问题唉。

看你的截图,大概率是图片不是定宽,或者header、footer有超出

 类似资料:
  • 本文向大家介绍在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案,包括了在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案的使用技巧和注意事项,需要的朋友参考一下 原因: -webkit-overflow-scrolling:touch 解释: 由于使用-webkit-overflow-scrolling这个属性,苹果手机会使用硬件加速,从而促使页面滑动得更加流畅,然而也导致了页面

  • 1,在ios端空白页面(Vue 嵌套在APP中)写如下样式 页面展示状态 2, 然后这个时候可以进行上下的滑动,并且底部出现空白,这是为啥? 只有ios端会有这个情况

  • 页面布局代码如下,第一次打开页面Column里三个组件是紧挨着的,零点几秒后才MainAxisAlignment.spaceBetween分开,时间虽然不是很久但是肉眼还是可见的有点延迟,请问是因为什么原因?

  • 由于产品的有多个变体属性,每个属性又对应很多图片,图片太多了,于是我添加了代码来实现点击产品的选项值,来展示对应alt值的图片,而其他未被选择的选项值对应的图片隐藏。PC端完成了此效果,但是移动端没有完全响应。移动端采用的是轮播图方式flickity控制。当图片滑完时会显示空白,正常效果应该是滑到最后一张不能滑动了,或者自动跳转到第一张图片,请问如何实现这个效果? //这是加的判断,根据产品变体的

  • 我正在用html制作一个应用程序,并且需要有一个滚动条。但是,每当我添加一个时,它都会移动所有内容,以便为滚动条提供必要的空间。这搞砸了应用程序的布局。 因此,我需要一种方法,使滚动条简单地覆盖在页面顶部,这意味着页面仍然在它后面。我已经知道如何设计滚动条以使背面透明,我只需要滚动条不占用任何空间。 提前感谢!

  • 问题内容: 我的页面布局看起来像这样: 您会注意到,当垂直滚动条出现时,content-wrapdiv会稍稍移动其位置。一种情况是浏览器开始逐渐呈现页面而不显示垂直滚动条,然后确定需要滚动条,因为内容比“折叠”高。这会将div向左移动约10像素。 在 不强制浏览器始终显示滚动条的情况下 解决此问题的最佳方法是什么 ? 问题答案: 恐怕解决此问题的最佳方法是使用强制滚动条始终可见。您遇到的问题是,出