返回顶部
首页 > 资讯 > 精选 >css列表滑动防止被底部遮住和适配屏幕的方法是什么
  • 596
分享到

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

2023-07-04 22:07:19 596人浏览 薄情痞子
摘要

这篇“CSS列表滑动防止被底部遮住和适配屏幕的方法是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“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列表滑动防止被底部遮住和适配屏幕的方法是什么”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网精选频道。

--结束END--

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

本文链接: https://lsjlt.com/news/347854.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • css列表滑动防止被底部遮住和适配屏幕的方法是什么
    这篇“css列表滑动防止被底部遮住和适配屏幕的方法是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css列表滑动防止被底...
    99+
    2023-07-04
  • css列表滑动防止被底部遮住和适配屏幕长一点的示例分析
    这篇文章主要为大家展示了“css列表滑动防止被底部遮住和适配屏幕长一点的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css列表滑动防止被底部遮住和适配...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作