vue获取屏幕高度,
本文主要介绍如何将vue单页高度设置为100%全屏,有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
单页高度设置100%,全屏高度设置100%无效。
单页面设置高度100%全屏
很多时候我们给单页面设置高度100%永远不会全屏
内容支持效果图的高度。
解决很简单
创建一个css
html,body,# app { height:100%;边距:0;填充:0;}
然后引入global(进入min.js)
现在看看效果
高度设置100%无效
场景:当单页需要填充整页颜色,且页面高度需要为屏幕高度时,设置height: 100%无效。
解决方法:设置高度:App.vue中的100%
//App.vue
html,正文,#应用程序{
身高:100%;
}
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。