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

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

朱俭
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控制。当图片滑完时会显示空白,正常效果应该是滑到最后一张不能滑动了,或者自动跳转到第一张图片,请问如何实现这个效果? //这是加的判断,根据产品变体的

  • 页面由组件构成,页面的高度和宽度由组件的高度和宽度确定,当页面的高度大于屏幕的高度,或者页面的宽度大于屏幕的宽度,页面就会出现滚动条。 页面指的是w文件 屏幕指的是门户中用于显示功能界面的区域 目录 1、流式布局 2、充满布局 2.1、左右充满 2.2、上下充满 2.3、多标签页充满 3、响应式布局 4、手机界面布局 4.1、显示多页 4.2、显示多行信息(一行显示一条记录) 4.3、显示多行信息

  • 页面由组件构成,页面的高度和宽度由组件的高度和宽度确定,当页面的高度大于屏幕的高度,或者页面的宽度大于屏幕的宽度,页面就会出现滚动条。 页面指的是w文件 屏幕指的是门户中用于显示功能界面的区域 目录 1、流式布局 2、充满布局 2.1、左右充满 2.2、上下充满 2.3、多标签页充满 3、响应式布局 4、手机界面布局 4.1、显示多页 4.2、显示多行信息(一行显示一条记录) 4.3、显示多行信息