环境:移动端浏览器

浏览公司网站的时候,偶然发现,往上滑动的时候,超出浏览器高度的部分没有了。

今天试了很久,终于找到问题所在。

bug复现条件:按着header区域,然后拖住往上滚动,会出现下图,必须触发的窗体是整个body,如果是按着的是内容区,页面还是可以出来的。

 

css的小小height引发的页面bug

内容区样式:

.index-wrap{

background-color: #fff;

position: relative;

width: 100%;

height:100%;

overflow-x: hidden;

overflow-y: auto;

}

主要问题在height:100%

在此高度条件下,整个窗体高度100%,把页面缩放,效果最明显。height:100%的时候,缩放的高度是body下面显示的页面,超出的不显示。

css的小小height引发的页面bug

注释掉此高度,便可以显示整个页面。

一个小小的height,还有如此讲究,哈哈

css的小小height引发的页面bug

相关文章:

  • 2021-06-11
  • 2022-12-23
  • 2021-05-12
  • 2022-12-23
  • 2022-12-23
  • 2021-08-29
  • 2022-01-24
  • 2021-04-22
猜你喜欢
  • 2021-06-03
  • 2022-12-23
  • 2022-12-23
  • 2021-11-08
  • 2022-12-23
  • 2021-09-02
  • 2021-11-29
相关资源
相似解决方案