css列表滑动防止被底部遮住和适配屏幕的方法是什么

这篇“css列表滑动防止被底部遮住和适配屏幕的方法是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css列表滑动防止被底部遮住和适配屏幕的方法是什么”文章吧。

移动端处理列表滑动的时候，微信底下有自带的返回页面按钮，经常会被遮住，遇到屏幕长一点的，下面会短一大截，以下用此方法可以解决。

.container{  position:relative;  background:url(../img/chooseBg.jpg) no-repeat center center;  background-size:cover;  width:100%;  height:100%;  //.listConHeight{  //   height:9rem;  //  overflow:auto;  //}  .listConHeight {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    padding-top: 1.3rem;    box-sizing: border-box;    ul {      width:6.78rem;      height: 100%;      margin:0 auto;      overflow: auto;      -webkit-overflow-scrolling: touch;    }  }

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。

2.内嵌样式，就是将CSS代码写在之间，并且用进行声明。

外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

以上就是关于“css列表滑动防止被底部遮住和适配屏幕的方法是什么”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网行业资讯频道。