为了账号安全,请及时绑定邮箱和手机立即绑定

section中里面的内容如何做到自适应

有的华为手机的底部有工具栏,这样section的高度不包括工具栏,正常,但是手机的工具栏可以自动隐藏,当隐藏后,section的高度不变,但是他的下一屏的内容因为工具栏隐藏了,第二屏的内容就显示出来了,结果就是,在浏览器的窗口能够看见,第一屏和第二屏的头部内容

正在回答

4 回答

媒体查询,百分比布局等等等等

0 回复 有任何疑惑可以回复我~

可以使用栅格布局!

0 回复 有任何疑惑可以回复我~

CSS @media里面添加样式,去掉相关手机底部button 位置。padding-bottom.
box-sizing:border-box

0 回复 有任何疑惑可以回复我~

有的华为手机的底部有工具栏,这样section的高度不包括工具栏,正常,但是手机的工具栏可以自动隐藏,当隐藏后,section的高度不变,但是他的下一屏的内容因为工具栏隐藏了,第二屏的内容就显示出来了,结果就是,在浏览器的窗口能够看见,第一屏和第二屏的头部内容

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43827    人
  • 解答问题       202    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

section中里面的内容如何做到自适应

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信