1.a页面高度：height:100% 继承的是父标签的高度，或者是自身撑开的高度，并且不包括滚动条的高度
2.a页面高度：height:100vh，是窗口可视高度包括滚动条。
因为这个锚点定位的问题：
1.页面高度加上了滚动条的高度，一点击页面就往上窜了。
2.高度应该在#nav包含的父标签，写在最外面的高度就窜到最上面了。
1.a页面高度：height:100% 继承的是父标签的高度，或者是自身撑开的高度，并且不包括滚动条的高度
2.a页面高度：height:100vh，是窗口可视高度包括滚动条。
因为这个锚点定位的问题：
1.页面高度加上了滚动条的高度，一点击页面就往上窜了。
2.高度应该在#nav包含的父标签，写在最外面的高度就窜到最上面了。
1.a页面高度：height:100% 继承的是父标签的高度，或者是自身撑开的高度，并且不包括滚动条的高度2.a页...
注意：.main元素高度是min-height:100vh; 根元素#app高度是min-height:100vh;
一、css 高度设置成100vh height: 100vh; 二、动态获取 HTML JS 3,cs...
div 设置自适应高度 ,height: 100vh
100% 还是 100vh 100vh 表示的高度在一些浏览器上会包含底部虚拟按键？ 键盘遮盖 ios 下fixe...
CSS3 vw 单位 100vw = 100% 视窗宽度100vh = 100% 视窗高度 这样实现自适应正方形(...
定义 vw: 相对于视窗的宽度。视窗宽度为 100vwvh: 相对于视窗的高度。 视窗高度为 100vh 视窗（视...
vh就是当前屏幕可见高度的1%，也就是说 height:100vh == height:100%; 但是当元素没有...
tab实现 注意根部view的样式高度100vh 底部实现 注意swiper的高度实现撑满flex：1，不要忘了s...
解决将footer固定在页面底部的问题 在线预览 100vh占据100%可视窗口，利用calc计算，将底部的高度减...
本文标题：web 高度 100% 和 100vh
本文链接：https://www.haomeiwen.com/subject/aaqlvctx.html
网友评论