html,body 使用100vh ，overflow：hidden，在有侧边栏抽屉和导航条的情况下，实现局部的滚动
问题： html，body在拖拽的时候产生滚动条，或者里面的内容滚动到底部，永远没法展示全，而且加了一点margin-bottom或者padding-bottom没用，要加很多能看到
原因：vh 计算的时候 ios 上的safari 和chorme 会傻逼一样的把下方的工具栏的高度也算进去，所以隐藏工具栏后的vh才是正常的，但是正常情况下不会隐藏工具栏，所以用vh 不行，可以用ios上的火狐浏览器看下，不会产生这个问题
解决： html，body 给 height: 100% 即可，其他不变
image.png
html,body 使用100vh ，overflow：hidden，在有侧边栏抽屉和导航条的情况下，实现局部的滚...
1，移动端100vh的问题 问题描述 在移动端使用 100vh 时，发现在 Chrome、Safari 浏览器中，...
移动端常见的页面结构（上下固定，中间可滑动）： 实现方式： 上下使用position:fixed结构 中间用pad...
目录 概述 meta viewport 缩放 媒体查询 动态 rem vw, vh 总结 概述 移动端页面，亦即H...
页面分类。 pc端页面 app端h5页面 m站页面 PC用户：使用pc端页面，跟平时开发无异 pad app用户：...
1. 移动端适配，页面高度没有写死，使用 input 标签时，唤起的虚拟键盘导致页面顶起和压缩 原因：使用的 fl...
复习 移动端 手机、pad、watch、电视--------------------------------...
移动端长页面阻止页面整体可以被下滑 代码可以拷贝，在浏览器用手机模式直接打开页面使用：
@(概述)[基本概念|百分比|rem|vw/vh|响应式设计] 移动端web页面的开发，由于手机屏幕尺寸、分辨率不...
@(概述)[基本概念|百分比|rem|vw/vh|响应式设计] 移动端web页面的开发，由于手机屏幕尺寸、分辨率不...
本文标题：移动端使用vh,导致页面被拖动，marginbottom，pad
本文链接：https://www.haomeiwen.com/subject/lsvssltx.html
网友评论