100vh和100%的区别

介绍

vh就是当前屏幕可见高度的1%，也就是说

height:100vh == height:100%;

我的案例：
元素没有设置高度的时候，
我写移动端界面的时候用100vh会把屏幕撑大到需要滑动框，但是100%却不会。

我是怎么解决的呢：在最外层包一个div,给这个div设置height：100vh

100vh和100%的区别相关推荐

100vh与100%的区别
关于height:100vh和height:100%的区别
1.em 在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于"倍",比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小 ...
width:100%和 max-width:100%的区别
width:100% 和 max-width:100%的区别: width: 100%(不包括margin和padding和border)是将所有指定元素的宽度拉伸或收缩到和父元素的宽度一致, 而ma ...
今日前端小知识—— width:auto 与 width:100% 的区别
前段时间做页面的时候,发现给盒子设置 width:100% 和 auto 的效果不一样,这里来探讨一下. <style>.main {width: 300px;height: auto;p ...
min-width:100%和max-width:100%的区别
1.width:100%和width:auto width:100%,设定对象的宽度占父元素的100%不论设定元素的margin值是多少,不包含margin: width:auto,根据设定对象的实际 ...
关于Random(47)与randon.nextInt(100)的区别
参考https://blog.csdn.net/md_shmily92/article/details/44059313 相关文章random.nextInt()与Math.random()基础用法 ...
在设置背景图片全屏时background-size: 100% 100%；和background-size: 100%；的区别，一个100%和两个100%的区别
background-size:这个属性有两个值,第一个值为x轴方向的缩放比例或者px,第二个值为y轴方向的缩放比例或者px,如果只写一个值,则第二个值默认为auto(根据图片原来的比例,以及现有的宽 ...
CSS width = 100vw 和width = 100%的区别
vw和vh相对的当前浏览器的视口 ,例如当前视口尺寸为375px 那么100vw = 375px,与父元素的大小无关 width = 100% 是指当前width相对于父元素的宽度,100%时宽度等于 ...
width: 100%和max-width: 100%的区别
列在创建后会自带padding logo里面的img设置了width100% 图片的宽度和父元素一样宽导致在的时候父元素宽度过大时图片进行放大,排版不好看为了解决这个问题可以设置max-width ...

100vh和100%的区别

介绍

100vh和100%的区别相关推荐

最新文章

热门文章