在页面的根元素上通过vh单位给定100 vh
// 最外层的div
<div></div>
<style>
div {
height: 100vh;
box-sizing: border-box;
}
</style>
由于页面内的padding和margin会造成页面的高度出现变化
可以通过box-sizing: border-box;做到消除由于高度变化而出现的滚动条
博客介绍在页面根元素用vh单位设为100vh,因页面内padding和margin会使高度变化,可通过box-sizing: border-box;消除高度变化导致的滚动条,属于前端技术范畴。
在页面的根元素上通过vh单位给定100 vh
// 最外层的div
<div></div>
<style>
div {
height: 100vh;
box-sizing: border-box;
}
</style>
由于页面内的padding和margin会造成页面的高度出现变化
可以通过box-sizing: border-box;做到消除由于高度变化而出现的滚动条
9200
2630
1629
5052

被折叠的 条评论
为什么被折叠?
